Verbesserung
Top-Thema
Wichtig
Kleinigkeit
Wichtig
Durch die Verwendung von Inline-Style-Attributen gibt es keine Möglichkeit mehr die entsprechenden Werte über CSS-Selektoren anzupassen. Es muss untersucht werden, welche Inline-Styles notwendig sind und welche durch CSS-Klassen ausgelagert oder wo Theme-Variablen verwendet werden können.
Theme-Variablen für Größen
'"Platz der Menüs" => die obere Menüleiste wird nicht in einem Grid oder einer Flex-box positioniert, hat aber inline "style" Attribute, die somit nicht durch CSS geändert werden können.' (siehe #24071)
Die mit einem Stern versehenen Theme-Variablen sind neu eingeführt worden. Die restlichen wurden der Vollständigkeit halber erwähnt.
Modern Theme
Header:
- TITLEBAR_HEIGHT*
- MAIN_TAB_BAR_HEIGHT
- TOOL_ROW_HEIGHT*
- MAIN_NAVIGATION_BAR_HEIGHT*
Footer:
- BUTTON_COMP_HEIGHT
- VERSION_ROW_HEIGHT*
Sidebar Theme
Sidebar:
- QUICK_SEARCH_HEIGHT*
Header:
- MAIN_NAVIGATION_BAR_HEIGHT*
- LICENCE_EXPIRE_BAR_HEIGHT*
- MAINTAINANCE_BAR_HEIGHT*
- LEVEL_ONE_BAR_SIZE
- LEVEL_TWO_BAR_SIZE
Footer:
- BUTTON_COMP_HEIGHT
Mit * gekennzeichnete Variablen sind neu hinzugekommen.
Inline-Styles generell
'Generell werden zu viele Style-Attribute verwendet, die CSS styles überschreiben.' (siehe #24071) Das folgende Script hat als Output 90+:
{{{#!js tags = Array.from(document.querySelectorAll("div")).filter((e)=>{
return e.style.length !== 0;
}); }}}
Test
Im Theme-Editor müssen die entsprechenden Variablen zu finden sein:
Modern Theme
- TITLEBAR_HEIGHT
- TOOL_ROW_HEIGHT
- MAIN_NAVIGATION_BAR_HEIGHT
- VERSION_ROW_HEIGHT
Sidebar Theme
- QUICK_SEARCH_HEIGHT
- MAIN_NAVIGATION_BAR_HEIGHT
- LICENCE_EXPIRE_BAR_HEIGHT
- MAINTAINANCE_BAR_HEIGHT