/* wepa-manager — Minimale Ergaenzungen zu Tabler v1.4.0 * Richtwert: max. 150 Zeilen. Jede Regel mit Kommentar warum keine Tabler-Klasse passt. */ /* Auth-Logo: max-width 60% — kein Bootstrap-Utility vorhanden */ .auth-logo { max-width: 60%; } /* Sidebar-Navbar: min-height begrenzen — Tabler setzt keine explizite min-height */ .navbar { min-height: 4rem; } /* Navbar-Logo: Padding + max-width — Tabler hat keinen Utility fuer Logo-Sizing in Sidebar */ .navbar-logo { padding: .5rem calc(var(--tblr-page-padding)); padding-top: 1.7rem; padding-bottom: 1rem; max-width: 80%; } /* Page-Header: min-height erhoehen — Tabler default 2.25rem zu kompakt fuer das Layout */ .page-header { min-height: 4.6rem; } /* Formular-Sektionsgruppe — kein Tabler-Utility fuer subtilen Gruppen-Hintergrund */ .form-section { background-color: var(--tblr-gray-100); } /* Top-Navbar Suche: min/max-width — kein Tabler-Utility fuer flexible Suchfeld-Breite */ #topnav-search-wrapper { min-width: 200px; max-width: 300px; flex: 1; } /* Top-Navbar Recents: Overflow verhindern — kein Tabler-Utility fuer nowrap + hidden */ #topnav-recents { overflow: hidden; flex-wrap: nowrap; gap: 0.5rem; } /* Suchfeld Ergebnis-Dropdown — Tabler dropdown-menu kennt keine position-absolute Variante fuer input-gebundene Dropdowns */ .topnav-search-results { position: absolute; top: 100%; left: 0; z-index: 1000; } /* Webfont-Icons in Navigation: Tabler nutzt SVGs mit icon-Klasse (1.25rem), Webfont erbt nur body font-size */ .nav-link-icon .ti { font-size: 1.2rem; } .navbar-nav .nav-link > .ti { font-size: 1.25rem; } .dropdown-item-icon.ti { font-size: 1.2rem; } /* Icon-only Buttons: Webfont-Icons groesser — Tabler setzt icon-size nur fuer .icon (SVG), nicht fuer .ti (Webfont) */ .btn-icon .ti { font-size: 1.2rem; } /* Avatar Webfont-Icons: Tabler setzt avatar-icon-size nur fuer SVG (.icon), Webfont-Icons erben stattdessen die zu kleine avatar-font-size (Initialen-Groesse) */ .avatar .ti { font-size: var(--tblr-avatar-icon-size); } /* Navbar Dark Mode — Tabler-Selektoren matchen nur body[data-bs-theme] oder .navbar[data-bs-theme], nicht html[data-bs-theme]. Wir setzen das Attribut auf , daher hier die fehlende Bruecke. */ [data-bs-theme="dark"] .navbar { --tblr-navbar-color: rgba(255, 255, 255, 0.7); --tblr-navbar-hover-color: rgba(255, 255, 255, 0.75); --tblr-navbar-active-color: #ffffff; --tblr-navbar-brand-color: #ffffff; } /* Logo-Umschaltung Dark Mode — dediziertes weisses Logo statt CSS-Filter */ .logo-dark { display: none; } [data-bs-theme="dark"] .logo-light { display: none; } [data-bs-theme="dark"] .logo-dark { display: block; opacity: 0.7; } /* Formular-Sektionen im Dark Mode — tblr-gray-100 ist im Dark Mode zu hell */ [data-bs-theme="dark"] .form-section { background-color: var(--tblr-bg-surface-secondary); } /* Assistant Sidebar — Tabler Offcanvas ersetzt durch eigene fixed Sidebar, da Offcanvas modal-artig ist (Backdrop, Seite deaktiviert) und nicht fuer persistente Nutzung geeignet */ #assistant-sidebar { position: fixed; right: 0; top: 0; bottom: 0; width: 380px; max-width: 100vw; z-index: 1040; background: var(--tblr-bg-surface); border-left: 1px solid var(--tblr-border-color); display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s ease; } body.assistant-open #assistant-sidebar { transform: translateX(0); } /* Content zusammenschieben wenn Sidebar offen — nur Desktop */ @media (min-width: 992px) { body.assistant-open { padding-right: 380px; transition: padding-right 0.3s ease; } body:not(.assistant-open) { transition: padding-right 0.3s ease; } } /* Trigger-Button verstecken wenn Sidebar offen */ body.assistant-open #assistant-trigger { display: none !important; } /* Assistant Typing-Animation — kein Tabler-Utility fuer animierte Punkte */ .animated-dots::after { content: ''; animation: dots 1.5s steps(4, end) infinite; } @keyframes dots { 0%, 20% { content: ''; } 40% { content: '.'; } 60% { content: '..'; } 80%, 100% { content: '...'; } } /* Assistant Chat-Widget: Textarea Auto-Height — kein Tabler-Utility fuer resize:none + overflow:hidden */ #assistant-input { resize: none; overflow: hidden; } /* Assistant Markdown: Kompakte Absaetze in Chat-Bubbles — Tabler/Bootstrap p-Margin (1rem) ist zu gross fuer Chat */ .assistant-markdown p { margin-bottom: 0.4em; } .assistant-markdown p:last-child { margin-bottom: 0; } .assistant-markdown ul, .assistant-markdown ol { margin-bottom: 0.4em; padding-left: 1.25em; } .assistant-markdown li { margin-bottom: 0.15em; } .assistant-markdown a { color: var(--tblr-primary); text-decoration: underline; } .assistant-markdown strong { font-weight: 600; } /* Assistant Suggestion-Badges — Tabler badge-outline hat keinen hover-state */ .assistant-suggestion, .assistant-new-chat { cursor: pointer; transition: background-color 0.15s; } /* Truncation fuer lange Vorschlagstexte — kein Tabler-Utility fuer ellipsis auf flex-item Badges */ .assistant-suggestion { max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .assistant-suggestion:hover { background-color: var(--tblr-bg-surface-secondary); }