From 12cbe464fc7e01d55c13d7dca5c8647ca68f5916 Mon Sep 17 00:00:00 2001 From: Jens Langhammer Date: Sun, 27 Dec 2020 12:50:12 +0100 Subject: [PATCH] web: fix table styling on mobile --- web/src/authentik.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/web/src/authentik.css b/web/src/authentik.css index c00ecdc98..e40f50458 100644 --- a/web/src/authentik.css +++ b/web/src/authentik.css @@ -142,6 +142,15 @@ select[multiple] { .pf-c-table__sort-indicator i { 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 */ .pf-c-options-menu__toggle { color: var(--ak-dark-foreground);