Verbesserung
Top-Thema
Wichtig
Kleinigkeit
Wichtig
Verbesserung
(Nutzer-sichtbar)
Neues Theme in Zusammenarbeit mit paxxon.ch.
Offene Punkte
Layout-ThemeVariablen:
-
"Space of the menus" => the top menubar is not positioned as a grid or flex-box but has inline "style" attributes that can not be changed by any css- Wir führen Theme-Variablen für die Header-Bereiche ein. (siehe #24169)
Font-Upload:
-
@font-face => we need to put a link-tag to link the fonts we need, either from a local resource or from Google-Fonts- Wir erlauben den Upload von Fonts als Theme-Resource (Tab "Icons" wir zu "Resourcen"). (siehe #24210)
Multiple input fields:
-
<select> the multiple input fields are hard to style, since there are more pseudo-selectors.- Konnte inzwischen durch CSS umgesetzt werden.
Hover-Klassen:
-
Some hover classes are loaded via JavaScript or maybe .jsp either way it makes it hard to style them with a normal element inspector.- Wir ersetzen diese Stellen durch Hover-Pseudo-Klassen. (siehe #24209)
Fehlende ThemeVariablen:
-
Einige Button haben keine unterschiedlichen ThemeVariablen für den aktiven und inaktiven Fall.(siehe #24241)
Zukünftige Arbeiten
Inline-SVGs:
- SVGs could change color, but only if they are used to replace the current buttons, not if they are loaded as the src-element of a tag.
- Wir ermöglichen das Inlining von SVG-Icons über eine spezielle Form von ThemeIcon`s (z.B. `inline:/path/to/Icon.svg) bettet den Inhalt der Resource Icon.svg in die Seite ein. (siehe #24395)
Even selector im CSS grid:
- "grid" CSS definition does not offer an "even" selector for rows.
- ? macht einen Gegenvorschlag ?
Inline-Styles:
- In general there are too many style attributes that override the css styles tags = Array.from(document.querySelectorAll("div")).filter((e)=>{ return e.style.length !== 0; }); output 90+
- Diese Styles kommen durch das client-seitige Rendering und sind nicht (so einfach) zu ersetzen.
Input Typen:
- <input> the type attribute is not set properly. All input types are "text" there should be several "number" and some "date" input fields. It makes handling them easier.
- Wir passen den Type von Date- und Integer-Input-Fields über einen Switch in einer Theme-Variable an HTML5 an. (siehe #24207)
Listen:
- Lists are implemented as <div> tags (dfEntryTitle), that have a bullet in another <div> tag with an absolute positioning (dfListRemove).
- Die Listen-Buttons können tatsächlich aktive Elemente sein, über die einzelne Einträge gelöscht werden könenn. Daher ist das nicht über Standard-HTML-Elemete möglich.
Test
ThemeEditor_Ticket-24071_Theme-dezent.script.xml