fix: kaputtes Plus-Icon + Kalendernamen nicht vorzeitig abschneiden
- Plus-Icon (Kalender/Gruppen hinzufuegen): fehlerhafter SVG-Pfad (v11 statt v6) -> korrekter, symmetrischer Plus-Pfad. - Entfernen/Auge-Button per display:none statt opacity:0 -> reserviert keinen Platz mehr; Kalendername nutzt volle Breite und kuerzt erst beim Hover (wenn das Auge erscheint). Version v31. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -535,8 +535,10 @@ a { color: var(--primary); text-decoration: none; }
|
||||
outline: none;
|
||||
}
|
||||
.cal-account-name { font-size: 11px; color: var(--text-3); padding: 4px 16px 2px; font-weight: 500; }
|
||||
.cal-item-remove { opacity: 0; }
|
||||
.cal-item:hover .cal-item-remove { opacity: 1; }
|
||||
/* Hide the remove/eye button until hover so the calendar name uses the full
|
||||
width and only truncates while the button is visible. */
|
||||
.cal-item-remove { display: none; }
|
||||
.cal-item:hover .cal-item-remove { display: inline-flex; }
|
||||
|
||||
/* ── Month View ─────────────────────────────────────────── */
|
||||
.month-view { display: flex; flex-direction: column; flex: 1; min-height: 0; }
|
||||
|
||||
@@ -185,7 +185,7 @@
|
||||
<span data-i18n="my_calendars">Meine Kalender</span>
|
||||
<div class="add-cal-dropdown-wrap">
|
||||
<button class="icon-btn mini-btn" id="btn-add-cal" title="Kalender hinzufügen">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v11h-2v-6H5v-2h6V5h2v11h6v2z"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
|
||||
</button>
|
||||
<div class="add-cal-dropdown hidden" id="add-cal-dropdown">
|
||||
<button data-action="local">Lokaler Kalender</button>
|
||||
@@ -204,7 +204,7 @@
|
||||
<div class="cal-list-header">
|
||||
<span data-i18n="groups_title">Gruppen</span>
|
||||
<button class="icon-btn mini-btn" id="btn-add-group" data-i18n-title="group_create" title="Gruppe erstellen">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v11h-2v-6H5v-2h6V5h2v11h6v2z"/></svg>
|
||||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div id="group-list-items"></div>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
// Increment APP_VERSION with every code change
|
||||
export const APP_VERSION = 'v30';
|
||||
export const APP_VERSION = 'v31';
|
||||
|
||||
Reference in New Issue
Block a user