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; +}