Vorlage:Buchbox: Unterschied zwischen den Versionen
Aus WikiToYes
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<noinclude>{{Dokumentation}}</noinclude> | |||
<includeonly> | |||
<hr style="margin: 0;"> | <hr style="margin: 0;"> | ||
| Zeile 4: | Zeile 6: | ||
<div class="row align-items-center g-0"> | <div class="row align-items-center g-0"> | ||
<div class="col- | <!-- Linke Spalte: Buchcover --> | ||
<div class="col-md-4"> | |||
<div class="p-0 m-0"> | <div class="p-0 m-0"> | ||
[[Datei:Home-fachbuch.png|frameless|500px]] | [[Datei:Home-fachbuch.png|frameless|500px|link=Buch:{{#show:{{FULLPAGENAME}}|?Gehört_zu_Buch|link=none}}]] | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="col"> | <!-- Rechte Spalte: Navigation + TOC --> | ||
<div class="ps-3 | <div class="col-md-8"> | ||
<div class="ps-3"> | |||
<!-- Buchnavigation --> | |||
<div style="background:#f8f9fa; border-radius:8px; padding:12px; margin-bottom:15px"> | |||
<div style="display:flex; gap:15px; flex-wrap:wrap"> | |||
<!-- Buchhierarchie --> | |||
<div style="flex:1; min-width:200px"> | |||
<h4 style="margin-top:0">Buchposition</h4> | |||
<div style="font-size:0.95em"> | |||
<div>Buch: [[{{#show:{{FULLPAGENAME}}|?Gehört_zu_Buch}}]]</div> | |||
{{#if:{{#show:{{FULLPAGENAME}}|?Übergeordnete_Seite|link=none}}| | |||
<div>Kapitel: [[{{#show:{{FULLPAGENAME}}|?Übergeordnete_Seite}}]]</div> | |||
}} | |||
<div style="margin-top:5px"><strong>{{PAGENAME}}</strong></div> | |||
</div> | |||
</div> | |||
<!-- Unterkapitel --> | |||
<div style="flex:1; min-width:200px"> | |||
<h4 style="margin-top:0">Unterkapitel</h4> | |||
{{#ask:[[Übergeordnete_Seite::{{FULLPAGENAME}}]] | |||
|sort=Title | |||
|order=asc | |||
|format=ul | |||
|link=all | |||
|default=<small style="color:#666">Keine Unterkapitel</small> | |||
}} | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Inhaltsverzeichnis --> | |||
<div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;"> | <div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;"> | ||
__TOC__ | __TOC__ | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Zeile 24: | Zeile 60: | ||
<hr style="margin: 0;"> | <hr style="margin: 0;"> | ||
<!-- CSS für responsive Anpassungen --> | |||
<style> | |||
@media (max-width: 768px) { | |||
.col-md-4, .col-md-8 { | |||
width: 100%; | |||
padding-right: 0; | |||
} | |||
.toc-fade { | |||
max-height: 200px !important; | |||
} | |||
} | |||
</style> | |||
</includeonly> | |||