- Introduction of eveai-listview (to select objects) that is sortable, filterable, ...
- npm build does now also include building css files. - Source javascript and css are now defined in the source directories (eveai_app or eveai_chat_client), and automatically built for use with nginx - eveai.css is now split into several more manageable files (per control type)
This commit is contained in:
37
eveai_app/static/assets/css/eveai-responsive-table.css
Normal file
37
eveai_app/static/assets/css/eveai-responsive-table.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* 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 */
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user