38 lines
1.1 KiB
CSS
38 lines
1.1 KiB
CSS
/* Responsive tabel stijlen voor optimaal schermgebruik --------------------------------- */
|
|
|
|
/* Zorg dat tabellen zich aanpassen aan de beschikbare schermruimte */
|
|
@media (min-height: 900px) {
|
|
/* Voor grotere schermen, gebruik meer verticale ruimte */
|
|
.tabulator-list-view .tabulator {
|
|
min-height: 650px;
|
|
}
|
|
|
|
.tabulator-list-view {
|
|
min-height: 650px;
|
|
}
|
|
}
|
|
|
|
@media (min-height: 1200px) {
|
|
/* Voor zeer grote schermen, gebruik maximale verticale ruimte */
|
|
.tabulator-list-view .tabulator {
|
|
min-height: 800px;
|
|
}
|
|
|
|
.tabulator-list-view {
|
|
min-height: 800px;
|
|
}
|
|
}
|
|
|
|
/* Zorg dat de inhoud van tabellen goed leesbaar blijft op elk formaat scherm */
|
|
.tabulator .tabulator-cell {
|
|
white-space: normal; /* Zorg dat tekst binnen cellen kan omslaan */
|
|
overflow: visible; /* Toon alle inhoud */
|
|
}
|
|
|
|
/* Behoud de leesbaarheid van de tabel headers op kleinere schermen */
|
|
@media (max-width: 768px) {
|
|
.tabulator .tabulator-header .tabulator-col-title {
|
|
font-size: 0.8rem; /* Kleinere tekst op kleinere schermen */
|
|
}
|
|
}
|