Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen

Vorlage:Unternehmen-Entwickler/style.css (Quelltext anzeigen)

Version vom 18. März 2024, 12:49 Uhr

84 Bytes hinzugefügt , 18 März

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

20.737

Bearbeitungen

@@ Zeile 16: / Zeile 16: @@
 /* Grid-Container f. Logo & Bild */
 .logo-bild-container {
+    position: relative;
      display: grid;
-     grid-template-columns: repeat(25, 4%);
+     grid-template-columns: repeat(25, 4%); /* 25-Spalten-Grid für minutiöse Kontrolle, jede Spalte 4 % der Infobox breit */
-     grid-template-rows: repeat(5, auto) 1fr; /* Füge eine zusätzliche Zeile für den Button hinzu */
+     grid-template-rows: repeat(4, auto) 1fr; /* Automatische Höhe für Logo, Grid verbleibender Platz für Bild */
-     width: 100%;
+     width: 100%; /* Container nimmt volle Breite ein */
-     margin: 0 0 1.8em 0;}
+     margin: 0 0 1.8em 0 /* unterer Abstand zum Text der Infobox*/}
 .logo img, .bild img {
@@ Zeile 361: / Zeile 362: @@
 .infobox .mw-collapsible-toggle {
-     grid-column: 1 / -1; /* Button erstreckt sich über alle Spalten */
+     position: absolute;
-     grid-row: 6; /* Button in der neuen, letzten Zeile */
+     bottom: -1.4em; /* Verschiebung nach unten außerhalb des Grid-Bereichs */
-     width: max-content; /* Variable Breite basierend auf Inhalt */
+     right: 0;
-     justify-self: end; /* Rechtsbündig im Grid */
+     margin: 0;
-     margin-top: 0.5em; /* Abstand nach oben zum Bild/Logo */
+     width: max-content;
      padding: 0 0.5em;
      height: max-content;
@@ Zeile 378: / Zeile 379: @@
      cursor: pointer;
      transition: all .3s;
+    display: flex;
      user-select: none;
      touch-action: manipulation;
-     white-space: pre;}
+     white-space: pre;
+    float: right;}
 .infobox.mw-collapsed .mw-collapsible-toggle:before {