Fix: Quartalsansicht – zufällige Today-Markierungen behoben, Button nach links verschoben

Selected-Klasse aus der Quartalsansicht entfernt (war visuell identisch mit Today). Button-Reihenfolge: Quartal > Monat > Woche > Tag > Termine.
This commit is contained in:
2026-04-08 14:15:48 +02:00
parent ba73bde353
commit bda4a75a11
3 changed files with 6 additions and 13 deletions

View File

@@ -675,12 +675,6 @@ a { color: var(--primary); text-decoration: none; }
color: #fff;
border-radius: 50%;
}
.qtr-cell.selected .qtr-day-num {
background: var(--primary);
color: #fff;
border-radius: 50%;
opacity: .55;
}
.qtr-day-num {
font-size: 12px;
font-weight: 500;

View File

@@ -99,10 +99,10 @@
</div>
<div class="topbar-right">
<div class="view-switcher">
<button class="view-btn" data-view="quarter" data-i18n="view_quarter">Quartal</button>
<button class="view-btn" data-view="month" data-i18n="view_month">Monat</button>
<button class="view-btn" data-view="week" data-i18n="view_week">Woche</button>
<button class="view-btn" data-view="day" data-i18n="view_day">Tag</button>
<button class="view-btn" data-view="quarter" data-i18n="view_quarter">Quartal</button>
<button class="view-btn" data-view="agenda" data-i18n="view_agenda">Termine</button>
</div>
<button class="icon-btn" id="btn-settings" data-i18n-title="settings_title" title="Einstellungen">

View File

@@ -1,4 +1,4 @@
import { isToday, isSameDay, isPast, dayOfWeek, getISOWeekNumber } from '../utils.js';
import { isToday, isPast, dayOfWeek } from '../utils.js';
import { t } from '../i18n.js';
export function renderQuarter(container, currentDate, events, onDayClick, onEventClick, weekStartDay = 'monday') {
@@ -56,10 +56,9 @@ export function renderQuarter(container, currentDate, events, onDayClick, onEven
const key = dateKey(cell);
const cellEvs = evMap[key] || [];
const isOther = cell.getMonth() !== month;
const todayCls = isToday(cell) ? 'today' : '';
const otherCls = isOther ? 'other-month' : '';
const selCls = isSameDay(cell, currentDate) && !isToday(cell) ? 'selected' : '';
const isOther = cell.getMonth() !== month;
const todayCls = isToday(cell) ? 'today' : '';
const otherCls = isOther ? 'other-month' : '';
// Up to 3 event dots
const dots = cellEvs.slice(0, 3).map(ev => {
@@ -71,7 +70,7 @@ export function renderQuarter(container, currentDate, events, onDayClick, onEven
? `<span class="qtr-dot-more">+${cellEvs.length - 3}</span>`
: '';
rowsHtml += `<div class="qtr-cell ${todayCls} ${otherCls} ${selCls}" data-date="${key}">
rowsHtml += `<div class="qtr-cell ${todayCls} ${otherCls}" data-date="${key}">
<div class="qtr-day-num">${cell.getDate()}</div>
<div class="qtr-dots">${dots}${moreDot}</div>
</div>`;