From cbd7566e3c35e1791381a29e1e11df145f9de0be Mon Sep 17 00:00:00 2001 From: cgfhtw Date: Fri, 22 Dec 2023 11:34:51 +0100 Subject: [PATCH] CSS improvements --- public/css/Studentenverwaltung.css | 2 ++ public/css/Tabulator5.css | 6 ++++++ public/css/components/Tabs.css | 16 ++++++++++++++++ 3 files changed, 24 insertions(+) create mode 100644 public/css/components/Tabs.css diff --git a/public/css/Studentenverwaltung.css b/public/css/Studentenverwaltung.css index 85601381a..f845adc43 100644 --- a/public/css/Studentenverwaltung.css +++ b/public/css/Studentenverwaltung.css @@ -1,5 +1,7 @@ @import './components/searchbar.css'; @import './components/verticalsplit.css'; +@import './components/FilterComponent.css'; +@import './components/Tabs.css'; @import './components/Notiz.css'; html { diff --git a/public/css/Tabulator5.css b/public/css/Tabulator5.css index a9a79a6d8..2c7fa9117 100644 --- a/public/css/Tabulator5.css +++ b/public/css/Tabulator5.css @@ -41,3 +41,9 @@ .tabulator { font-size: 1rem; } + +.tabulator-row.tabulator-selectable:focus { + box-shadow: 0 0 0 .24rem rgba(13,110,253,.25); + z-index: 1; + outline: 0; +} diff --git a/public/css/components/Tabs.css b/public/css/components/Tabs.css new file mode 100644 index 000000000..7127869f0 --- /dev/null +++ b/public/css/components/Tabs.css @@ -0,0 +1,16 @@ +.nav-item.nav-link:focus { + box-shadow: 0 0 0 .24rem rgba(13,110,253,.25); + z-index: 1; + outline: 0; + position: relative; +} +.nav-item.nav-link:focus::after { + content: ""; + display: block; + position: absolute; + left: -.5rem; + right: -.5rem; + top: calc(100% + 1px); + background: white; + height: .25rem; +}