data/dolibarr.stundenzettel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mobile CSS: Dark Mode Support + Textarea volle Breite

Browse source 
- Hardcodierte Farben durch CSS-Variablen ersetzt
- Dark Mode Fallback für Dolibarr Themes hinzugefügt
- Beschreibungs-Textarea nutzt jetzt volle Breite auf Mobile
- opacity statt fester Farbe für Beschreibungstext

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Eduard Wisch 2026-02-08 19:17:08 +01:00
parent d0e867aba3
commit f1afcc6a22
1 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
css/stundenzettel-mobile.css
View file

@ -177,9 +177,9 @@
padding: 10px 5px;
position: sticky;
bottom: 0;
background: #fff;
background: var(--colorbackbody, inherit);
z-index: 100;
box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
box-shadow: 0 -2px 8px rgba(0,0,0,0.15);
}
.mod-stundenzettel .tabsAction a.butAction,
@ -271,8 +271,8 @@
font-size: 12px;
}
/* Textarea in Edit-Mode kompakter */
.mod-stundenzettel tr.oddeven textarea {
/* Textarea in Edit-Mode kompakter (aber nicht in mobile-description-row) */
.mod-stundenzettel tr.oddeven:not(.mobile-description-row) textarea {
min-height: 50px;
width: 150px !important;
}
@ -283,7 +283,7 @@
/* Mobile-Zeilen anzeigen */
.mod-stundenzettel .mobile-description-row {
display: table-row;
background: #f8f9fa !important;
background: var(--colorbacklineimpair2, inherit) !important;
}
.mod-stundenzettel .mobile-description-row td {
@ -310,7 +310,7 @@
margin-top: 4px;
font-size: 11px;
line-height: 1.3;
color: #666;
opacity: 0.7;
}
}
@ -365,3 +365,20 @@
transform: scale(1.2);
}
}
/* ============================================
DARK MODE SUPPORT
============================================ */
@media (prefers-color-scheme: dark) {
/* Nur anwenden wenn Dolibarr Dark Theme aktiv (body hat dark-Klasse) */
body.theme-eldy-dark .mod-stundenzettel .tabsAction,
body[class*="dark"] .mod-stundenzettel .tabsAction {
background: var(--colorbackbody, #1e1e1e);
box-shadow: 0 -2px 8px rgba(0,0,0,0.4);
}
body.theme-eldy-dark .mod-stundenzettel .mobile-description-row,
body[class*="dark"] .mod-stundenzettel .mobile-description-row {
background: var(--colorbacklineimpair2, #2d2d2d) !important;
}
}