(Die Seite wurde neu angelegt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: →‎Tabs: nur Icons, Text verstecken: #p-views .vector-menu-content a { font-size: 0; →‎versteckt Beschriftungen: padding: 6px 10px; display: inline-flex; align-items: center; justify-content: center; min-width: 2.2rem; } →‎falls die Icons als SVG/Mask kommen: sicherstellen, dass sie sichtbar bleiben: #p-views .vector-menu-content a svg, #p-views .vector-…“)
 
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


/* Tabs: nur Icons, Text verstecken */
@media (max-width: 600px) {
#p-views .vector-menu-content a {
    .mw-ui-button.mw-ui-icon-element.mw-ui-icon-with-label-desktop {
  font-size: 0;              /* versteckt Beschriftungen */
        color: transparent !important;
  padding: 6px 10px;
    }
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
}
/* falls die Icons als SVG/Mask kommen: sicherstellen, dass sie sichtbar bleiben */
#p-views .vector-menu-content a svg,
#p-views .vector-menu-content a .mw-ui-icon,
#p-views .vector-menu-content a .vector-icon {
  font-size: 16px;          /* Icongröße */
}
 
/* Alle Tabs außer "Bearbeiten" verstecken (Standard für alle) */
body:not(.show-all-tabs) #p-views li:not(#ca-edit) {  
  display: none !important;  
}
 
/* "Mehr"-Menü für Nicht-Admins verstecken (Vector alt/neu + Fallback) */
body:not(.is-admin) #p-cactions,
body:not(.is-admin) #vector-page-tools-dropdown,
body:not(.is-admin) .vector-page-tools .vector-dropdown {
  display: none !important;
}
}

Version vom 25. Oktober 2025, 12:23 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

@media (max-width: 600px) {
    .mw-ui-button.mw-ui-icon-element.mw-ui-icon-with-label-desktop {
        color: transparent !important;
    }
}