web: fix table styling on mobile
This commit is contained in:
parent
d17b2b0d1b
commit
12cbe464fc
|
@ -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);
|
||||||
|
|
Reference in New Issue