Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

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

6
frontend/css/app.css
View File

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

2
frontend/index.html
View File

@@ -99,10 +99,10 @@
</div> </div>
<div class="topbar-right"> <div class="topbar-right">
<div class="view-switcher"> <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="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="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="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> <button class="view-btn" data-view="agenda" data-i18n="view_agenda">Termine</button>
</div> </div>
<button class="icon-btn" id="btn-settings" data-i18n-title="settings_title" title="Einstellungen"> <button class="icon-btn" id="btn-settings" data-i18n-title="settings_title" title="Einstellungen">

5
frontend/js/views/quarter.js
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'; import { t } from '../i18n.js';
export function renderQuarter(container, currentDate, events, onDayClick, onEventClick, weekStartDay = 'monday') { export function renderQuarter(container, currentDate, events, onDayClick, onEventClick, weekStartDay = 'monday') {
@@ -59,7 +59,6 @@ export function renderQuarter(container, currentDate, events, onDayClick, onEven
const isOther = cell.getMonth() !== month; const isOther = cell.getMonth() !== month;
const todayCls = isToday(cell) ? 'today' : ''; const todayCls = isToday(cell) ? 'today' : '';
const otherCls = isOther ? 'other-month' : ''; const otherCls = isOther ? 'other-month' : '';
const selCls = isSameDay(cell, currentDate) && !isToday(cell) ? 'selected' : '';
// Up to 3 event dots // Up to 3 event dots
const dots = cellEvs.slice(0, 3).map(ev => { 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>` ? `<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-day-num">${cell.getDate()}</div>
<div class="qtr-dots">${dots}${moreDot}</div> <div class="qtr-dots">${dots}${moreDot}</div>
</div>`; </div>`;