web: fix table styling on mobile

This commit is contained in:
Jens Langhammer 2020-12-27 12:50:12 +01:00
parent d17b2b0d1b
commit 12cbe464fc
1 changed files with 9 additions and 0 deletions

View File

@ -142,6 +142,15 @@ select[multiple] {
.pf-c-table__sort-indicator i { .pf-c-table__sort-indicator i {
color: var(--ak-dark-foreground) !important; color: var(--ak-dark-foreground) !important;
} }
/* table, on mobile */
@media screen and (max-width: 1200px) {
.pf-m-grid-xl.pf-c-table tbody:first-of-type {
border-top-color: var(--ak-dark-background);
}
.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) {
border-bottom-color: var(--ak-dark-background);
}
}
/* class for pagination text */ /* class for pagination text */
.pf-c-options-menu__toggle { .pf-c-options-menu__toggle {
color: var(--ak-dark-foreground); color: var(--ak-dark-foreground);