Vorlage:Buchbox: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 16. Juli 2025, 09:38 Uhr

     Standort:  • Handbuch • Version: 2.3

     <button 
       type="button" 
       onclick="document.getElementById('compact-toc').style.maxHeight='none';this.style.display='none';" 
       style="background:none; border:1px solid #ccc; padding:2px 8px; margin-top:3px; cursor:pointer;"
     >
       Mehr anzeigen ▼
     </button>

@@ Zeile 1: / Zeile 1: @@
-<div style="display:flex; margin:0; padding:0; border:0; line-height:1; font-size:14px;">
+<div style="display:flex; margin:0; padding:0; border:none; line-height:1; background:none;">
    <!-- Bild (400px, direkt am Rand) -->
    <div style="flex:0 0 400px; margin:0; padding:0; background:none;">
-        [[Datei:Home-fachbuch.png|400px|class=img-responsive]]
+    [[Datei:Home-fachbuch.png|400px|class=img-responsive]]
    </div>
-   <!-- Metadaten + TOC-Button -->
+   <!-- Metadaten + TOC-Lösung -->
-   <div style="flex:1; margin:0 0 0 10px; padding:0; display:flex; flex-direction:column;">
+   <div style="flex:1; margin-left:10px; padding:0; background:none;">
      <!-- Standortangaben (1-zeilig) -->
-     <div style="margin:0; padding:2px 0; font-size:0.9em;">
+     <div style="margin:0; padding:0; font-size:0.9em; line-height:1.2; background:none;">
-       '''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] •
+       '''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3
-      '''Version:''' 2.3
      </div>
-     <!-- TOC als Popup-Button -->
+     <!-- TOC als gekürzte Liste mit "Mehr"-Button -->
-     <div style="margin:0; padding:0;">
+     <div style="margin-top:5px; background:none;">
+      <div id="compact-toc" style="display:block; max-height:calc(400px - 30px); overflow:hidden;">
+        __TOC__
+      </div>
        <button
-         onclick="document.getElementById('toc-popup').style.display='block'"
+        type="button"
-         style="background:#f8f9fa; border:1px solid #a2a9b1; padding:3px 8px; cursor:pointer;"
+         onclick="document.getElementById('compact-toc').style.maxHeight='none';this.style.display='none';"
+         style="background:none; border:1px solid #ccc; padding:2px 8px; margin-top:3px; cursor:pointer;"
        >
-         Inhaltsverzeichnis anzeigen
+         Mehr anzeigen ▼
        </button>
-      <!-- Popup-Container (hidden by default) -->
-      <div id="toc-popup" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:white; padding:20px; border:1px solid #aaa; z-index:1000; max-height:80vh; overflow:auto; box-shadow:0 0 10px rgba(0,0,0,0.3);">
-        <div style="text-align:right;">
-          <button
-            onclick="document.getElementById('toc-popup').style.display='none'"
-            style="background:none; border:none; cursor:pointer; font-size:1.2em;"
-          >✕</button>
-        </div>
-        __TOC__
-      </div>
      </div>
    </div>
 </div>
-<!-- Horizontale Linie (1px) -->
+<!-- Horizontale Trennlinie -->
-<hr style="margin:3px 0; border-top:1px solid #ddd; border-bottom:none;">
+<hr style="margin:3px 0; height:1px; background:#ddd; border:none;">