@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.mnccjmrpdk.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-fth5xwa64k] {
display: flex; /* flexbox pro rozlo�en� p�izp�soben� obsahu */
flex-direction: column; /* pro vertik�ln� rozlo�en� */
min-height: 100vh; /* pro pou�it� cel� v��ky viewportu */
}
/* Z�HLAV� */
.top-nav[b-fth5xwa64k] {
/*align-items: top;*/ /* pro zarovn�n� obsahu k horn�mu okraji */
background-color: #393939;
/*border-bottom: 1px solid red;*/
/*color: white;*/
display: flex;
height: 3rem;
justify-content: space-between; /* pro rozlo�en� obsahu mezi lev� a prav� okraj */
position: fixed; /* pro pevn� um�st�n� v horn� ��sti str�nky */
/*top: 0;*/ /* pro y-um�st�n� na vrchu str�nky */
width: 100vw;
z-index: 10; /* pro zaji�t�n�, �e z�stane nad ostatn�m obsahem */
}
main[b-fth5xwa64k] {
/*background-color: red;*/
flex: 1; /* pro rozta�en� hlavn�ho obsahu na cel� zb�vaj�c� prostor */
margin-top: 3rem; /* P�VODN�: 3.5rem */
min-width: 0;
overflow: hidden;
}
.top-row[b-fth5xwa64k] {
/*align-items: center;*/
/*background-color: #1b1b1b;*/
/*border-bottom: 1px solid red;*/
display: flex;
/*height: 3rem;*/
justify-content: flex-end;
}
/*.top-row ::deep a, .top-row ::deep .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}*/
/*.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
text-decoration: underline;
}*/
/*.top-row ::deep a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}*/
/* VARIANTA - TABLET (���ka: 641px - 1070px) */
@media (max-width: 1150.98px) {
.top-nav[b-fth5xwa64k] {
display: block;
}
.top-row[b-fth5xwa64k] {
justify-content: space-between;
}
/* .top-row ::deep a, .top-row ::deep .btn-link {
margin-left: 0;
}*/
}
/* VARIANTA - MONITOR (���ka: >1070px) */
/*@media (min-width: 1071px) {
.page {
flex-direction: row;
}*/
.sidebar[b-fth5xwa64k] {
width: 250px;
height: calc(100vh - 3rem);
overflow-y: auto;
/*position: sticky;
top: 0;*/
}
/* .top-row {
position: sticky;
top: 0;
z-index: 1;
}*/
/* .top-row.auth ::deep a:first-child {
flex: 1;
text-align: right;
width: 0;
}*/
/* PRO ZMEN�EN� OKRAJE OKOLO QUICKGRID */
.top-row[b-fth5xwa64k], article[b-fth5xwa64k] {
padding: 0.3rem !important;
}
.footer[b-fth5xwa64k] {
font-size: 0.75rem;
text-align: center;
}
.footer p[b-fth5xwa64k] {
margin-bottom: .1rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
/*.navbar {
padding: 0;
padding-top: 0;
--bs-navbar-padding-y: 0;
--bs-navbar-brand-padding-y: 0;
}*/
.container-fluid[b-22fs538s13] {
flex-wrap: unset;
}
.navbar-toggler[b-22fs538s13] {
background-color: darkgray;
}
/*div POD N�ZVEM APLIKACE*/
/*.top-row {
background-color: #393939;
border-bottom: 1px solid red;
min-height: 3rem;
}*/
/* a S N�ZVEM APLIKACE */
.navbar-brand[b-22fs538s13] {
color: white;
font-size: 1.5rem;
/*font-weight: bold;*/
}
/* NAVIGA�N� MENU Dom�, ...O aplikaci */
.nav-menu[b-22fs538s13] {
display: flex;
/*gap: 0.5rem;*/ /* vz�jemn� mezera mezi polo�kami menu */
}
/* div POD NAVIGA�N� POLO�KOU */
.nav-item[b-22fs538s13] {
font-size: 1.2rem;
padding-top: 0.4rem;
/*padding-bottom: 0.5rem;*/
}
/* .nav-item:first-of-type {
padding-top: 1rem;
}*/
/* .nav-item:last-of-type {
padding-bottom: 1rem;
}*/
/* NEAKTIVN� NAVIGA�N� POLO�KY */
.nav-item[b-22fs538s13] a {
color: lightgray;
border-radius: 15px;
padding-bottom: 0.2rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.2rem;
/*height: 3rem;*/
/*line-height: 3rem;*/
}
/* AKTIVN�/ZVOLEN� NAVIGA�N� POLO�KA */
.nav-item[b-22fs538s13] a.active {
background-color: #808080;
color: white;
/*display: block;*/
}
/* NAVIGA�N� POLO�KA POD KURZOREM */
.nav-item[b-22fs538s13] a:hover {
background-color: darkgray;
color: white;
}
/* DOPLN�NO */
/*.nav-link {
--bs-nav-link-padding-x: 2rem;
}*/
/*.nav-item .nav-link a {
margin-left: 0.5rem;
margin-right: 0.5rem;
}*/
/* IKONY V R�MCI TLA��TEK MENU */
.bi[b-22fs538s13] {
display: inline-block;
vertical-align: text-top;
position: relative;
width: 1.25rem;
height: 1.25rem;
margin-left: 0.75rem; /* DODATE�N� DOPLN�NO */
margin-right: 0.75rem; /* V�CHOZ�: margin-right: 0.75rem; */
/*top: -0.75rem;*/ /* V�CHOZ�: top: -1px;*/
font-size: 1.5rem; /* DODATE�N� DOPLN�NO */
background-size: cover;
}
.bi-house-door-fill-nav-menu[b-22fs538s13] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-plus-square-fill-nav-menu[b-22fs538s13] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}
.bi-list-nested-nav-menu[b-22fs538s13] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
/* VARIANTA - MONITOR (���ka: >1070px) */
@media (min-width: 1285px) { /* P�VODN�: @media (min-width: 641px) { */
/* skryt� toggleru p�i �ir�� obrazovce */
.navbar-toggler[b-22fs538s13] {
display: none;
}
.collapse[b-22fs538s13] {
/* Never collapse the sidebar for wide screens */
display: block;
}
/*.nav-scrollable {*/
/* Allow sidebar to scroll for tall menus */
/*height: calc(100vh - 3.5rem);*/ /* m�lo by odpov�dat hodnot� 'height: ...' prvku .top-nav (MainLayout.razor.css) */
/*overflow-y: auto;
}*/
/* ::deep .top-row {
padding-left: 1rem;
}*/
}
/* VARIANTA - TABLET (���ka: 641px - 1070px) */
@media (max-width: 1285px) {
.nav-menu[b-22fs538s13] {
display: block;
background-color: #808080;
}
.navbar-toggler[b-22fs538s13] {
background-color: gray;
}
}
/* DROPDOWN PRO VOLBU AKTU�LN�HO PROJEKTU */
[b-22fs538s13] .project-dropdown-toggle,
[b-22fs538s13] .project-dropdown-toggle:focus,
[b-22fs538s13] .project-dropdown-toggle:active,
[b-22fs538s13] .project-dropdown-toggle.show,
[b-22fs538s13] .project-dropdown-toggle:hover {
/*border: none !important;*/
border-color: transparent !important;
outline: none !important;
box-shadow: none !important;
}
/* DROPDOWN PRO VOLBU AKTU�LN�HO PROJEKTU - MEZERA MEZI N�ZVEM A ��PKOU PRO ROZBALEN� */
[b-22fs538s13] .project-dropdown-toggle::after {
margin-left: 0.5rem;
}
/* /Pages/Documents/DocumentList.razor.rz.scp.css */
/* VÝCHOZÍ DEKLARACE */
/*body {
}*/
/* VLASTNÍ OVERRIDE VÝCHOZÍCH BOOTSTRAP STYLŮ */
/* PRO CSS IZOLACI MUSÍ BÝT PŘED KAŽDÝM PRVKEM UVEDENO ::deep */
/* DIV OHRANIČUJÍCÍ BOOTSTRAP GRID */
[b-xhl9vzf9yi] div.pdregister > div.table-responsive {
height: 90%;
}
/* BUŇKY BOOTSTRAP GRID - konkrétně: | */
[b-xhl9vzf9yi] .table > :not(caption) > * > * {
font-size: 90%; /* PŮVODNĚ: 0.85rem - příp.: font-size: var(--bs-font-size-sm); */
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
}
/* BUŇKA BOOTSTRAP GRID PRO CHECKBOX - konkrétně: | */
[b-xhl9vzf9yi] .form-check {
padding-left: 5px;
min-height: 0;
min-width: 25px;
}
[b-xhl9vzf9yi] bb-grid td:first-child .form-check {
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
}
/* SAMOTNÝ CHECKBOX */
[b-xhl9vzf9yi] .form-check-input {
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
/* border-color: #ff0000;*/
}
/* SAMOTNÝ CHECKBOX */
[b-xhl9vzf9yi] .form-check-input:checked {
background-color: #ff0000;
border-color: #ff0000;
}
[b-xhl9vzf9yi] .table.iddokument > .table > :not(caption) > * > * {
color: #a9a9a9;
}
/* /Pages/Documents/PdList.razor.rz.scp.css */
/* VÝCHOZÍ DEKLARACE */
/*body {
}*/
/* OVERRIDE VÝCHOZÍCH BOOTSTRAP STYLŮ */
/* ::deep - PŘED PRVKEM PRO IZOLACI OD STYLŮ MIMO TUTO KOMPONENTU */
/* NÁZVY VLASTNÍCH TŘÍD (MIMO STANDARDNÍ PRVKY HTML) ZAČÍNAJÍ POUZE TEČKOU (bez '::deep') */
/* ODSTRANĚNÍ VÝCHOZÍHO PADDINGU BOOTSTRAP KONTEJNERU PRO ZAHRNUTÍ QUICKGRID NA CELÝ ŠÍŘKU OBRAZOVKY */
@media (min-width: 641px) {
[b-qa8ddj30bn] .content,
[b-qa8ddj30bn] .px-4 {
padding: 0;
}
}
.quickgrid-container[b-qa8ddj30bn] { /* bez '::deep ...', protože se jedná o vlastní lokální třídu */
/*font-family: Arial, sans-serif;*/
font-size: clamp(10px, 1.2vw, 12px); /* responzivní velikost písma mezi 10px a 14px, dynamicky se přizpůsobující šířce viewportu */
height: 89dvh; /* PŮVODNĚ: 700px; */ /* dynamická výška kontejneru podle výšky viewportu */
/*overflow: auto;*/ /* pro vertikální posouvání obsahu, pokud přesáhne výšku kontejneru */
overflow-x: auto; /* horizontal scroll */
overflow-y: auto; /* vertical scroll */
/*z-index: -10;*/
/*border: 1px solid red;*/ /* pro vizuální kontrolu velikosti a umístění kontejneru */
scroll-behavior: auto; /* plynulé posouvání pro lepší uživatelský zážitek při navigaci v tabulce */
will-change: transform; /* optimalizace posouvání - info pro prohlížeč o tom, že daný prvek se brzy změní */
}
/* CONTAINER QUICKGRID - POTLAČENÍ JEHO ORÁMOVÁNÍ PŘI FOCUSU */
.quickgrid-container:focus[b-qa8ddj30bn] {
outline: none;
}
.quickgrid-container.grid-busy[b-qa8ddj30bn] { /* pro dočasné zešednutí gridu při načítání dat*/
opacity: 0.5;
pointer-events: none; /* zabrání kliknutí/interakci s gridem, dokud se nedokončí refresh */
transition: opacity 0.15s ease-in-out; /* plynulé stmívání/rozjasnění místo skokové změny */
}
/* ZÁKLADNÍ STYL PRO QUICKGRID */
[b-qa8ddj30bn] .quickgrid {
table-layout: fixed;
width: 100%;
}
/*::deep .quickgrid table {
table-layout: fixed;
width: 100%;*/ /* PŮVODNĚ: width: max-content !important; */
/*}*/
/* BUŇKY BOOTSTRAP GRID - konkrétně: | */
[b-qa8ddj30bn] .table > :not(caption) > * > * {
padding-top: 0;
padding-right: 0.3rem;
padding-bottom: 0;
padding-left: 0.3rem;
/*vertical-align: middle;*/ /* vertikální vyrovnání obsahu buněk na střed pro lepší vzhled */
/*border-top: 1px solid #dee2e6;*/ /* jemný horní okraj buněk pro vizuální oddělení řádků */
}
[b-qa8ddj30bn] .table-bordered > :not(caption) > * {
border-top-width: 0; /* zúžení okrajů pro méně rušivý vzhled */
/*border-color: #dee2e6;*/ /* světlejší barva okrajů pro jemnější vzhled */
}
/* BUŇKY QUICKGRID */
[b-qa8ddj30bn] .quickgrid td {
line-height: 20px; /* pevná výška řádku pro konzistentní zobrazení a lepší výkon (mělo by odpovídat parametru ItemSize u GridView */
/*line-height: clamp(1, 1.1 + 0.5vw, 1.6);*/ /* dynamická výška řádku pro lepší čitelnost a přizpůsobení různým velikostem obrazovky */
/*font-size: 80%;*/
/*max-width: 200px;*/ /* příp. náhrada za programově vypočítanou šířku pro lepší výkon a konzistentní zobrazení */
/*padding: 0;*/
/*padding-bottom: 0;*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* PŮVODNĚ: PROŠKTRNUTÍ ŘÁDKU SE ZRUŠENÝM DOKUMENTEM */
/*::deep .strikethrough-row {
text-decoration: line-through;
opacity: 0.7;
}*/
/* PROŠKTRNUTÍ ŘÁDKU SE ZRUŠENÝM DOKUMENTEM */
[b-qa8ddj30bn] .strikethrough-row {
position: relative;
opacity: 0.5;
}
[b-qa8ddj30bn] .strikethrough-row::after {
content: ""; /* prázdný obsah pro pseudo-element */
position: absolute; /* absolutní umístění vzhledem k rodičovskému řádku */
left: 0;
right: 0;
top: 50%;
height: 1px;
background-color: currentColor; /* nebo konkrétní barva, např. #000 */
pointer-events: none; /* aby čára neblokovala kliky/hover na řádku */
}
[b-qa8ddj30bn] .quickgrid td:not(.col-priloha) { /* omezení šířky všech sloupců kromě P1 až P10, kde způsobuje kolizi s vypočítanou šířkou */
max-width: 300px;
}
/* ZKRÁCENÍ DELŠÍHO TEXTU V BUŇCE */
[b-qa8ddj30bn] .cell-textclip {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* BUBLINOVÁ NÁPOVĚDA ZOBRAZENÁ PŘI UKÁZÁNÍ NA BUŇKU */
[b-qa8ddj30bn] .cell-tooltip {
display: block;
width: 100%;
}
[b-qa8ddj30bn] .quickgrid th {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[b-qa8ddj30bn] .quickgrid th .col-header-content { /* pro roztažení záhlaví na celou šířku buňky */
line-height: 1.4; /* zmenšení výšky řádku nadpisu */
width: 100%;
display: block;
}
[b-qa8ddj30bn] .quickgrid th.p1-header .e-input-group {
flex: none;
}
/* OBSAH ZÁHLAVÍ - ,
- mohou přesahovat a způsobit roztažení sloupců */
/* DOPORUČENÍ: možná změnit jenom na: ::deep .quickgrid th .e-input { */
[b-qa8ddj30bn] .quickgrid th .form-control,
[b-qa8ddj30bn] .quickgrid th input {
width: 100%;
min-width: 0;
box-sizing: border-box;
}
/* KVŮLI VIRTUALIZACI, která balí řádky do dalších vrstev div (- )někdy nastaví pointer-events na kontejnery) */
[b-qa8ddj30bn] .quickgrid td button,
[b-qa8ddj30bn] .quickgrid td a {
position: relative;
z-index: 10;
pointer-events: auto;
}
/* STŘÍDAVÁ BARVA POZADÍ PRO VIZUÁLNÍ ODDĚLENÍ ŘÁDKŮ */
[b-qa8ddj30bn] .table {
--bs-table-striped-bg: none; /* zrušení výchozího pruhování Bootstrapu (může kolidovat s vlastním stylem) */
}
/*::deep tr:nth-child(odd) {*/
[b-qa8ddj30bn] .table-striped > tbody > tr:nth-of-type(odd) > * { /* určení vzhledu lichých řádků */
background: #ffffe0;
}
/* DEFAULT TÉMA QUICKGRID */
[b-qa8ddj30bn] .quickgrid[theme=default] .col-header-content {
padding: 0;
}
[b-qa8ddj30bn] .quickgrid thead {
contain: layout style; /* prevent header reflow */
}
[b-qa8ddj30bn] .quickgrid thead th {
padding-top: 5px;
padding-bottom: 0;
padding-left: 0.05rem;
padding-right: 0.05rem;
}
/* ZÁHLAVÍ SLOUPCŮ QUICKGRID - VERTIKÁLNÍ VYROVNÁNÍ */
[b-qa8ddj30bn] .quickgrid[theme=default] thead th {
background-color: #808080;
border-color: #808080;
border-width: 0px;
color: black;
white-space: wrap;
/*color: white;*/
/* padding: 0;
position: sticky; umožní přilepení záhlaví k horní části kontejneru
top: 0; vzdálenost od horního okraje kontejneru, kdy se záhlaví přilepí
z-index: 3; pro vykreslení nad ostatními řádky - lze použít jen při position: relative | absolute | fixed | sticky; */
}
[b-qa8ddj30bn] .quickgrid[theme=default] > thead > tr > th {
font-weight: bold;
margin: 0; /* odstranění výchozího marginu pro lepší kontrolu rozložení */
/*padding: 0, 0, 0, 0;*/ /* padding (top, right, bottom, left) */
position: sticky; /* umožní přilepení záhlaví k horní části kontejneru */
top: 0; /* vzdálenost od horního okraje kontejneru, kdy se záhlaví přilepí */
vertical-align: top;
z-index: 20; /* pro vykreslení nad ostatními řádky - lze použít jen při position: relative | absolute | fixed | sticky; */
}
.header[b-qa8ddj30bn] {
display: flex;
flex-direction: column;
justify-content: flex-start; /* pro zarovnání nahoru (příp. na střed: justify-content: space-between;) */
/*width: 100%;*/ /* není nutné (doporučeno pro zajištění správného roztažení záhlaví na celou šířku buňky) */
height: 100%;
min-height: 48px; /* important for spacing */
}
.header-top[b-qa8ddj30bn] {
display: flex;
align-items: flex-start; /* force inputs to top */
}
.header-bottom[b-qa8ddj30bn] {
display: block;
text-align: inherit; /* respects Align= */
line-height: 1;
}
/* ZÁHLAVÍ SLOUPCŮ QUICKGRID */
[b-qa8ddj30bn] .quickgrid[theme=default] > thead > tr .col-title {
/* background-color: black;
color: white;*/
gap: 0.2rem; /* mezera mezi textem a ikonou třídění */
padding: 0;
}
/* IKONA TŘÍDĚNÍ SLOUPCŮ */
[b-qa8ddj30bn] .quickgrid th[aria-sort]::after {
color: white !important;
}
[b-qa8ddj30bn] .quickgrid[theme=default] > thead > tr .col-title > .sort-indicator {
fill: white !important;
height: 0.7rem;
width: 0.7rem;
}
/* CHECKBOXY V ZÁHLAVÍ QUICKGRIDU */
[b-qa8ddj30bn] .quickgrid th.col-justify-start.col-chkbox {
padding-top: 0.5rem;
text-align: center;
vertical-align: top;
}
/* CHECKBOXY V BUŇKÁCH QUICKGRIDU */
[b-qa8ddj30bn] .quickgrid td.col-chkbox {
text-align: center;
vertical-align: middle;
}
/* CHECKBOXY V QUICKGRIDU */
[b-qa8ddj30bn] .chkbox-cell {
display: flex;
align-items: center; /* vertical center */
justify-content: center; /* horizontal center */
/*height: 24px;*/ /* mělo by odpovídat hodnotě ItemSize="xx" uvedené v PdList.razor */
}
/* BUŇKY QUICKGRID */
[b-qa8ddj30bn] .quickgrid[theme=default] > tbody > tr > td {
padding-left: 0.1rem;
padding-right: 0.1rem;
}
/* VÝŠKA COMBOBOXU */
[b-qa8ddj30bn] .compact-combo .e-multicolumn-container.e-input-group {
align-items: center; /* vertikální zarovnání obsahu (input a ikona) na střed */
border-radius: 4px;
height: 20px !important;
/*background-color: red;*/ /* pomůcka pro vizuální kontrolu */
}
[b-qa8ddj30bn] .compact-combo .e-input-group-icon.e-multicolumn-list-icon {
width: 16px !important;
min-width: 16px !important;
padding: 0 !important;
}
/* IKONA DROPDOWN ŠIPKY COMBOBOXU */
[b-qa8ddj30bn] .compact-combo .e-multicolumn-list-icon {
/*display: flex !important;*/
/*background-color: red;*/ /* pro vizuální kontrolu umístění a velikosti ikony */
align-items: center;
justify-content: center;
}
[b-qa8ddj30bn] input.form-control.form-control-sm {
/*background-color: red;*/ /* pro vizuální kontrolu umístění */
font-size: 0.75rem !important;
min-height: 20px;
height: 20px;
/*width: 100%;*/ /* není nutné (doporučeno pro zajištění správného roztažení záhlaví na celou šířku buňky) */
}
/* NASTAVENÍ SYNCFUSION DATERANGEPICKERU */
[b-qa8ddj30bn] .quickgrid .e-control-wrapper.e-date-range-wrapper.e-control-container.e-date-range-container.e-input-group.form-control.form-control-sm {
font-size: 0.75rem;
padding: 0px;
height: .5rem;
}
/* HARD override — must be global or at bottom of page */
/*::deep div.compact-combo span.e-multicolumn-container.e-input-group > span.e-input-group-icon.e-multicolumn-list-icon {
display: none !important;
width: 0 !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}*/
/* Remove reserved space on the right */
/*::deep div.compact-combo span.e-multicolumn-container.e-input-group {
padding-right: 0 !important;
}*/
/* Ensure input stretches fully */
/*::deep div.compact-combo input.e-multicolumn-input {
width: 100% !important;
}*/
/* ZATÍM NEPOUŽITÉ TŘÍDY */
/* DEFAULT TÉMA QUICKGRID */
/*::deep .quickgrid[theme=default] {
}*/
/* ŘÁDKY QUICKGRID */
/*::deep .quickgrid tbody tr {
height: 20px;*/ /* pevná výška řádku pro konzistentní zobrazení a lepší výkon */
/*}*/
/* ZÁHLAVÍ QUICKGRID */
/*::deep .quickgrid[theme=default] thead tr th {
padding: 0;
background-color: grey;
position: sticky;*/ /* umožní přilepení záhlaví k horní části kontejneru */
/*top: 0;*/ /* vzdálenost od horního okraje kontejneru, kdy se záhlaví přilepí */
/*z-index: 3;*/ /* vykreslení nad ostatními řádky */
/*}*/
/* TLAČÍTKO V ZÁHLAVÍ QUICKGRID */
/*::deep .quickgrid[theme=default] thead tr th div button div {
color: white;
padding: 0;
}*/
/*::deep .quickgrid[theme=default] .col-header-content {
color: white;
padding-right: 0;
}
::deep .quickgrid[theme=default] .col-title {
padding-left: 0;
}*/
/* SJEDNOCENÍ VZHLEDU JEDNODUCHÝCH INPUTŮ SE SYNCFUSION INPUTY */
[b-qa8ddj30bn] .e-input-group input.e-input {
font-family: Arial, sans-serif;
font-size: 0.75rem;
height: 20px;
min-height: 20px;
padding: 0;
border: none;
outline: none;
background: transparent;
}
/* ÚPRAVA VÝŠKY WRAPPERU TAK, ABY ODPOVÍDAL VÝŠCE COMBOBOXU */
[b-qa8ddj30bn] .e-input-group.e-control-wrapper {
height: 20px;
align-items: center;
border-radius: 4px;
}
/* ÚPRAVA BORDERU, ABY ODPOVÍDAL SYNCFUSION STYLU */
[b-qa8ddj30bn] .e-input-group {
border: 1px solid #ced4da;
}
/* ZMENŠENÍ PADDINGU INPUTŮ A COMBOBOXŮ, KTERÉ JSOU UVNITŘ .e-input-group (V ZÁHLAVÍ QUICKGRID) */
[b-qa8ddj30bn] .quickgrid th .e-input-group input.e-input {
padding-left: 0.25rem !important;
}
.status-line[b-qa8ddj30bn] {
font-size: clamp(12px, 1.2vw, 14px); /* responzivní velikost písma mezi 10px a 14px, dynamicky se přizpůsobující šířce viewportu */
}
[b-qa8ddj30bn] .btn-sm {
height: 1.5rem;
}
[b-qa8ddj30bn] .btn:disabled {
background-color: #6c757d;
border-color: #6c757d;
color: #fff;
opacity: 0.3; /* override Bootstrap fade */
cursor: not-allowed;
}
.custom-btn[b-qa8ddj30bn] {
border-color: #393939 !important;
}
.custom-btn.downloading[b-qa8ddj30bn] {
animation: breathe-b-qa8ddj30bn 1s ease-in-out infinite;
background-color: #198754;
opacity: 1;
}
@keyframes breathe-b-qa8ddj30bn {
0% {opacity: 1;}
50% {opacity: 0.6;}
100% {opacity: 1;}
}
/* ÚPRAVY SOUVISEJÍCÍ S INPUTEM PRO FILTROVÁNÍ P1-P10 - řešeno takto:
- input zachován pouze v buňce P1
- vizuální roztažení inputu na šířku všech buněk P1–P10
- absolutní umístění inputu nad ostatní buňky záhlaví (P1-P10) */
/* VŠECHNA ZÁHLAVÍ (P1-P10) */
[b-qa8ddj30bn] .quickgrid th.col-priloha {
position: relative;
overflow: visible !important;
}
/* VYKRESLENÍ ZÁHLAVÍ P1 NAD OSTATNÍMI P2-P10 */
[b-qa8ddj30bn] .quickgrid th.p1-header {
/*position: relative;*/
z-index: 2000;
/*overflow: visible !important;*/
}
/* VYKRESLENÍ ZBÝVAJÍCÍCH ZÁHLAVÍ P-SLOUPCŮ POD P1 */
[b-qa8ddj30bn] .quickgrid th.col-priloha:not(.p1-header) {
z-index: 15;
}
/* VIZUALNÍ ROZTAŽENÍ INPUTU PRO FILTROVÁNÍ UMÍSTĚNÉHO DO P1 PŘES VŠECHNY SLOUPCE (P1-P10) */
/* HORNÍ ŘÁDEK V OBLASTI P1-P10 */
[b-qa8ddj30bn] .p-header-top-row {
position: absolute;
left: 0;
top: 0;
width: 480px;
display: flex;
align-items: flex-start;
gap: 1px;
z-index: 3000;
pointer-events: auto;
}
/* FILTR P1-P10 */
[b-qa8ddj30bn] .p-header-filter {
width: 120px;
flex-shrink: 0;
}
/* TLAČÍTKO ZRUŠENÍ FILTRU */
[b-qa8ddj30bn] .p-reset-button {
align-items: center;
display: flex;
font-weight: bold;
font-size: 0.8rem !important;
height: 100% !important;
justify-content: center;
min-width: 96px;
margin: 0 !important;
max-width: 96px;
padding: 0 !important;
white-space: nowrap;
width: 72px; /* přibližně šířka P4 + P5 */
/*height: 20px;*/
/*line-height: 18px;*/
}
[b-qa8ddj30bn] .p-reset-button:disabled {
color: black !important;
background-color: lightgray !important;
}
/* SYNCFUSION WRAPPER */
[b-qa8ddj30bn] .p-header-filter .e-input-group {
background: white;
/* width: 100%;*/
}
/* AKTIVNÍ FILTRY — zvýraznění vyplněných polí */
[b-qa8ddj30bn] .filter-active,
[b-qa8ddj30bn] .filter-active input,
[b-qa8ddj30bn] input.filter-active,
[b-qa8ddj30bn] .filter-active .e-input,
[b-qa8ddj30bn] .filter-active.e-input-group,
[b-qa8ddj30bn] .filter-active .e-input-group {
background-color: NavajoWhite !important;
height: 20px !important;
}
/* SYNCFUSION MULTICOLUMNCOMBOBOX */
[b-qa8ddj30bn] .filter-active .e-multicolumn-container,
[b-qa8ddj30bn] .filter-active .e-input-group {
background-color: NavajoWhite !important;
}
/* AKTIVNÍ TLAČÍTKO ZRUŠIT FILTR */
[b-qa8ddj30bn] .p-reset-button:not(:disabled) {
/*background-color: NavajoWhite !important;*/
border-color: #393939 !important;
color: white !important;
}
/* HOVER */
[b-qa8ddj30bn] .p-reset-button:not(:disabled):hover {
filter: brightness(0.96);
}
/* SAMOTNÝ INPUT PRO FILTROVÁNÍ */
[b-qa8ddj30bn] .p-header-filter input {
width: 100%;
}
/* CONTAINER PRO TEXTOVÉ POPISY ZÁHLAVÍ SLOUPCŮ */
[b-qa8ddj30bn] .p-header-container {
position: relative;
/* min-height: 58px;*/
}
/* TEXTOVÉ POPISY ZÁHLAVÍ SLOUPCŮ */
[b-qa8ddj30bn] .p-header-title {
margin-top: 34px;
}
/* /Pages/Home.razor.rz.scp.css */
body[b-rpn2qfwv8v] {
}
.home-page[b-rpn2qfwv8v] {
position: relative;
width: 100%;
height: calc(100vh - 5rem); /* obrázek vyplní 100% výšky okna prohlížeče mínus 3 rem */
overflow: hidden;
display: flex;
justify-content: center;
align-items: flex-start;
}
/* sdílený vycentrovaný wrapper */
.image-wrapper[b-rpn2qfwv8v] {
position: relative;
width: 100%;
height: 100%;
}
/* obrázek pro vyplnění wrapperu */
.background-image[b-rpn2qfwv8v] {
object-position: calc(top);
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* text přikotvený k horní části wrapperu */
.home-content[b-rpn2qfwv8v] {
position: absolute;
top: 1rem;
left: 0;
width: 100%;
text-align: center;
z-index: 1;
}
.home-content h1[b-rpn2qfwv8v] {
font-weight: bolder;
color: white;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75); /* stín textu zvyšuje čitelnost, pokud má obrázek světlé oblasti */
padding: 1rem;
}
|