/**
 * Kompatibilita ublaboo/datagrid v7.2 (Bootstrap 5 markup) se stylem Bootstrap 4.5,
 * ktery je stale pouzivan na frontendu (npm balicek ublaboo-datagrid zustava na v6.9.1).
 *
 * Ublaboo/datagrid v7.2 vykresluje filtry a checkboxy s tridami pro Bootstrap 5
 * (form-select, form-check-input bez obalu .form-check), ktere Bootstrap 4.5 bud
 * vubec nezna (form-select), nebo je styluje jinak (form-check-input pocita s
 * obalujicim .form-check a zapornym margin-left).
 *
 * Az bude aplikace prevedena na Naja/Bootstrap 5 (viz planovana faze 2), tento
 * soubor uz nebude potreba a lze jej odstranit spolu s prechodem na datagrid v7
 * frontend assety.
 */

/* Selecty v datagridu - Bootstrap 4 nezna .form-select, proto je dostylujeme */
.datagrid select.form-select {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.datagrid select.form-select.form-select-sm {
	height: calc(1.5em + .5rem + 2px);
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: .5rem;
	font-size: .875rem;
}

/* Select poctu zaznamu musi zustat vedle cisla stranky a ponechat misto pro sipku. */
.datagrid .row-grid-bottom .col-per-page .datagrid-per-page-select {
	width: 70px;
	display: inline-block;
	vertical-align: middle;
}

/* Checkbox sloupec - v7.2 vklada .form-check-input primo do td/th bez obalu .form-check,
   ale Bootstrap 4 stylovani .form-check-input pocita s absolutnim pozicovanim a zapornym
   margin-left, ktery bez obalu vytlaci input mimo bunku tabulky. */
.datagrid table th.col-checkbox .form-check-input,
.datagrid table td.col-checkbox .form-check-input {
	position: static;
	margin: 0;
	vertical-align: middle;
}

/* Nabidka sloupcu muze byt dlouha; posuvnik umozni menit vic sloupcu bez zavirani okna. */
.datagrid .dropdown-menu--grid {
	max-height: 70vh;
	overflow-y: auto;
}