adasd
This commit is contained in:
@@ -76,7 +76,6 @@ $wallpaper = $desktopPayload['desktop']['wallpaper'];
|
|||||||
<p class="eyebrow">Startmenue</p>
|
<p class="eyebrow">Startmenue</p>
|
||||||
<h2>Desktop Aktionen</h2>
|
<h2>Desktop Aktionen</h2>
|
||||||
</div>
|
</div>
|
||||||
<button class="start-menu-close" id="start-menu-close" type="button" aria-label="Startmenue schliessen">Schliessen</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="start-menu-column">
|
<div class="start-menu-column">
|
||||||
<div class="start-menu-block">
|
<div class="start-menu-block">
|
||||||
|
|||||||
@@ -342,15 +342,6 @@ h1 {
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.start-menu-close {
|
|
||||||
border: 0;
|
|
||||||
border-radius: 999px;
|
|
||||||
padding: 10px 14px;
|
|
||||||
background: rgba(255, 255, 255, 0.12);
|
|
||||||
color: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.start-menu-entry {
|
.start-menu-entry {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 44px minmax(0, 1fr) auto;
|
grid-template-columns: 44px minmax(0, 1fr) auto;
|
||||||
@@ -366,8 +357,7 @@ h1 {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.start-menu-entry:hover,
|
.start-menu-entry:hover {
|
||||||
.start-menu-close:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.18);
|
background: rgba(255, 255, 255, 0.18);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,7 +8,6 @@ if (payloadNode) {
|
|||||||
const taskbarRoot = document.getElementById('taskbar-apps');
|
const taskbarRoot = document.getElementById('taskbar-apps');
|
||||||
const startButton = document.getElementById('start-button');
|
const startButton = document.getElementById('start-button');
|
||||||
const startMenu = document.getElementById('start-menu');
|
const startMenu = document.getElementById('start-menu');
|
||||||
const startMenuClose = document.getElementById('start-menu-close');
|
|
||||||
const startMenuApps = document.getElementById('start-menu-apps');
|
const startMenuApps = document.getElementById('start-menu-apps');
|
||||||
const startMenuWidgets = document.getElementById('start-menu-widgets');
|
const startMenuWidgets = document.getElementById('start-menu-widgets');
|
||||||
const startMenuActions = document.getElementById('start-menu-actions');
|
const startMenuActions = document.getElementById('start-menu-actions');
|
||||||
@@ -346,7 +345,6 @@ if (payloadNode) {
|
|||||||
if (publicDashboard) {
|
if (publicDashboard) {
|
||||||
openApp(publicDashboard);
|
openApp(publicDashboard);
|
||||||
}
|
}
|
||||||
closeStartMenu();
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -440,33 +438,6 @@ if (payloadNode) {
|
|||||||
startButton.setAttribute('aria-expanded', String(willOpen));
|
startButton.setAttribute('aria-expanded', String(willOpen));
|
||||||
});
|
});
|
||||||
|
|
||||||
startMenuClose?.addEventListener('click', () => {
|
|
||||||
closeStartMenu();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('click', (event) => {
|
|
||||||
if (!startMenu || startMenu.hidden) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const target = event.target;
|
|
||||||
if (!(target instanceof Node)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (startMenu.contains(target) || startButton?.contains(target)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
closeStartMenu();
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('keydown', (event) => {
|
|
||||||
if (event.key === 'Escape') {
|
|
||||||
closeStartMenu();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
renderWidgets();
|
renderWidgets();
|
||||||
renderStartMenu();
|
renderStartMenu();
|
||||||
payload.windows.forEach(createWindow);
|
payload.windows.forEach(createWindow);
|
||||||
|
|||||||
Reference in New Issue
Block a user