/* ============================================================================= Control Room - drobne opravy nad Tablerem 1.0 (Bootstrap 5). Vzhled aplikace zajistuje samotny Tabler; rezim se prepina atributem data-bs-theme na v @layout.latte (nyni "dark"). Sci-fi tema Stargate zbylo jiz jen na prihlasovaci strance (stargate.css). ============================================================================= */ /* Legacy screen.css (radek 92) ma jeste z puvodni aplikace body { background: #FFF; color: #222 } a nacita se AZ ZA Tablerem, takze ho prebiji - pozadi stranky zustavalo bile i v tmavem rezimu a tmave byly jen panely. Drive to neutralizovalo stargate.css, ktere uz se v aplikaci nenacita. Vracime rizeni tematu Tableru, aby to fungovalo v obou rezimech. */ body { background-color: var(--tblr-body-bg); color: var(--tblr-body-color); } /* Znacka: kruh brany vedle nazvu Control Room v navigaci. */ .sg-brand-ring { display: inline-block; width: 1.35em; height: 1.35em; vertical-align: -.35em; /* svetla varianta - original je kresleny pro tmave pozadi a na bilem se ztraci */ background: url('../images/gate-logo-light.svg') center / contain no-repeat; } /* v tmavem rezimu naopak sedne original a svetla varianta by se ztratila */ [data-bs-theme="dark"] .sg-brand-ring { background-image: url('../images/gate-logo.svg'); } /* Tabler dava v tmavem rezimu odkazum v hlavni navigaci #49566c na #182433 - kontrast 2,1:1, hluboko pod hranici citelnosti (WCAG AA zada 4,5:1). Zmereno v prohlizeci, nejde o odhad. */ [data-bs-theme="dark"] .navbar .nav-link { color: rgba(220, 225, 231, .85); } [data-bs-theme="dark"] .navbar .nav-link:hover, [data-bs-theme="dark"] .navbar .nav-link:focus, [data-bs-theme="dark"] .navbar .show > .nav-link { color: #fff; } /* Legacy Bootstrap 3 filtracni menu nad datagridem (ul.nav.navbar-nav uvnitr .container). Bootstrap 5 tuhle strukturu uz nestyluje, bez toho by z toho byl holy odrazkovy seznam - delame z nej radu pilulkovych tlacitek. */ .container > ul.navbar-nav { display: flex; flex-direction: row; flex-wrap: wrap; gap: .5rem; align-items: center; list-style: none; padding: .5rem .65rem; margin: 0 0 1rem 0; background: var(--tblr-bg-surface, #fff); border: 1px solid var(--tblr-border-color, #dadfe5); border-radius: 8px; } .container > ul.navbar-nav > li { display: inline-block; list-style: none; margin: 0; } .container > ul.navbar-nav > li.dropdown > a.dropdown-toggle { display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .85rem; border: 1px solid var(--tblr-border-color, #dadfe5); border-radius: 6px; background: var(--tblr-bg-surface, #fff); color: var(--tblr-body-color, #1f2d3d); text-decoration: none; font-size: .875rem; white-space: nowrap; transition: color .15s ease, background-color .15s ease, border-color .15s ease; } .container > ul.navbar-nav > li.dropdown > a.dropdown-toggle:hover, .container > ul.navbar-nav > li.dropdown.show > a.dropdown-toggle { color: #fff; background: var(--tblr-primary, #0054a6); border-color: var(--tblr-primary, #0054a6); } /* prazdny BS3 caret schovame - sipku resi BS5 .dropdown-toggle::after */ .container > ul.navbar-nav .caret { display: none; } /* Legacy BS3 polozky uvnitr rozbalovaciho menu (ul.dropdown-menu > li > a), Bootstrap 5 ceka primo .dropdown-item. */ .dropdown-menu > li > a { display: block; padding: .4rem 1rem; color: var(--tblr-body-color, #1f2d3d); text-decoration: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: var(--tblr-dropdown-link-hover-bg, rgba(0, 0, 0, .04)); } /* Delsi dropdowny (Klienti ma 16 polozek + podnadpisy) se na nizkem okne nevejdou a spodek se stane nedosazitelnym - Bootstrap sam neroluje. */ .navbar .dropdown-menu { max-height: calc(100vh - 4.5rem); overflow-y: auto; } /* Datagrid dava