fix(schreibtisch): das Wetter ist eine Anzeige, und die Kacheln stehen wieder rechts
Anklickbar war es ein Versprechen, das es nicht hielt: Der Klick fuehrte nur dorthin, wo ohnehin alles eingestellt wird. Jetzt eine Anzeige mit Hinweistext, in beiden Leisten. Die Anordnung war seit dem Wetterfenster kaputt. Das Raster verteilt seine Bereiche der Reihe nach — das dritte landete neben „system" und schob die Kacheln in die schmale linke Spalte. Links stehen jetzt die Anzeigen untereinander, rechts die Apps ueber die volle Hoehe. Keine neue Faehigkeit, also bleibt die Version bei 0.9. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
2afd299019
commit
cce926ab2e
4 files changed
+14
-21
No files matched your search
@@ -156,12 +156,10 @@
|
||||
.user { color: var(--p); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.user[hidden] { display: none; }
|
||||
.clock { color: var(--p-mid); font-variant-numeric: tabular-nums; }
|
||||
.wx {
|
||||
display: flex; align-items: center; gap: 5px; color: var(--p-mid);
|
||||
border-color: transparent; padding: 2px 4px;
|
||||
}
|
||||
/* Anzeige, kein Knopf: Wer darauf klickt, erwartet, dass etwas passiert.
|
||||
Eingestellt wird das Wetter dort, wo alles eingestellt wird. */
|
||||
.wx { display: flex; align-items: center; gap: 5px; color: var(--p-mid); }
|
||||
.wx[hidden] { display: none; }
|
||||
.wx:hover { color: var(--p); border-color: var(--p-dim); }
|
||||
.wx svg { width: 14px; height: 14px; display: block; }
|
||||
/* Am Handy nur das Symbol: 32 px Höhe und die Apps daneben lassen der
|
||||
Temperatur keinen Platz mehr. */
|
||||
@@ -190,7 +188,7 @@
|
||||
<nav class="apps" id="apps"></nav>
|
||||
<div class="right">
|
||||
<span class="user" id="user" hidden></span>
|
||||
<button class="wx" id="wx" hidden title="Wetter"></button>
|
||||
<span class="wx" id="wx" hidden></span>
|
||||
<span class="clock" id="clock"></span>
|
||||
<button class="menu-btn" id="menuBtn" aria-haspopup="true" aria-expanded="false">▾</button>
|
||||
</div>
|
||||
@@ -279,10 +277,6 @@
|
||||
el.innerHTML = wxSvg(w.glyph) + `<span class="grad">${Math.round(w.grad)}°</span>`;
|
||||
el.title = `${w.ort}: ${w.text}, ${Math.round(w.grad)}°`;
|
||||
el.hidden = false;
|
||||
// Ein Klick führt dorthin, wo der Ort eingestellt wird. Ändern lässt er
|
||||
// sich hier nicht: Die Leiste liest über den Schlüssel und darf nichts
|
||||
// schreiben — und über eine Site-Grenze wüsste sie ohnehin nicht, für wen.
|
||||
el.onclick = () => window.open(homeUrl, "_blank", "noopener");
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
+1
-1
@@ -37,7 +37,7 @@
|
||||
<div class="mb-right">
|
||||
<img class="mb-avatar" id="mbAvatar" alt="" hidden />
|
||||
<span class="mb-user" id="mbUser"> </span>
|
||||
<button class="mb-wx" id="mbWx" hidden title="Wetter"></button>
|
||||
<span class="mb-wx" id="mbWx" hidden></span>
|
||||
<span class="mb-clock" id="clock">--:--</span>
|
||||
<button class="mb-btn" id="btnSettings" title="Einstellungen (S)">⚙</button>
|
||||
<button class="mb-btn" id="btnLogout" title="Abmelden" hidden>⏻</button>
|
||||
|
||||
@@ -559,7 +559,6 @@ function renderWeather() {
|
||||
if (inLeiste) {
|
||||
bar.innerHTML = `${glyphSvg(w.glyph)}<span class="mb-wx-temp">${Math.round(w.grad)}°</span>`;
|
||||
bar.title = `${w.ort}: ${w.text}, ${Math.round(w.grad)}°`;
|
||||
bar.onclick = openSettings;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+9
-9
@@ -267,6 +267,13 @@ body {
|
||||
grid-template-columns: 320px minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
/* Ohne feste Plätze verteilt das Raster die drei Bereiche der Reihe nach —
|
||||
das Wetter landete dann neben „system" und schob die Kacheln in die
|
||||
schmale linke Spalte. Links stehen die Anzeigen untereinander, rechts
|
||||
gehören die Apps, über die volle Höhe. */
|
||||
.win-status { grid-column: 1; grid-row: 1; }
|
||||
.win-weather { grid-column: 1; grid-row: 2; }
|
||||
.tiles { grid-column: 2; grid-row: 1 / span 2; }
|
||||
}
|
||||
|
||||
/* Fenster */
|
||||
@@ -913,9 +920,8 @@ body {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Terminal-Modus: ein Fenster wie die anderen, aber schmal. Über die volle
|
||||
Breite gezogen sähe eine Temperatur nach Bekanntmachung aus, nicht nach
|
||||
Widget. */
|
||||
/* Terminal-Modus: ein Fenster wie die anderen. Schmal gehalten — über die
|
||||
volle Breite gezogen sähe eine Temperatur nach Bekanntmachung aus. */
|
||||
.win-weather { max-width: 320px; align-self: start; }
|
||||
|
||||
/* Schreibtisch-Modus: schwebendes Schild, rechts unter der Menüleiste. Nicht
|
||||
@@ -961,14 +967,8 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 2px 4px;
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
color: var(--p-mid);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
.mb-wx[hidden] { display: none; }
|
||||
.mb-wx:hover { color: var(--p); border-color: var(--p-dim); }
|
||||
.mb-wx svg { width: 14px; height: 14px; display: block; }
|
||||
@media (max-width: 700px) { .mb-wx-temp { display: none; } }
|
||||
Reference in new issue
Block a user