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:
@@ -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;
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>`;
|
||||
|
||||
Reference in New Issue
Block a user