github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(ui): tweak navbar UI

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-05-19 18:21:00 +01:00
committed by Łukasz Mierzwa
parent 4149ea8c2f
commit f0bb71e637
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/Styles/Components/NavBar.scss
View File

@@ -18,8 +18,6 @@
}
& .components-navbar-button {
border-bottom: $border-width solid transparent;
&.navbar-brand {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
@@ -27,7 +25,13 @@
}
&:hover {
border-bottom: $border-width solid $white;
border-radius: 0.4rem;
@supports (backdrop-filter: blur(12px)) {
background-color: rgba($bg-focused, 0.5);
}
@supports not (backdrop-filter: blur(12px)) {
background-color: $bg-focused;
}
}
}

6
ui/src/Styles/DarkTheme.scss
View File

@@ -31,9 +31,9 @@ $form-check-indicator-disabled-bg: $gray-700;
$form-check-indicator-checked-disabled-bg: $gray-700;
$navbar-dark-brand-color: $navbar-dark-color;
$navbar-dark-brand-hover-color: $white;
$navbar-dark-hover-color: $white;
$navbar-dark-active-color: $white;
$navbar-dark-brand-hover-color: $gray-200;
$navbar-dark-hover-color: $gray-200;
$navbar-dark-active-color: $gray-200;
// fix active tab color, for some reason it ends up with $primary as bg color
$nav-tabs-link-active-bg: $gray-800;

6
ui/src/Styles/LightTheme.scss
View File

@@ -23,9 +23,9 @@ $tooltip-max-width: 400px;
$link-color: $gray-700;
$navbar-dark-brand-color: $navbar-dark-color;
$navbar-dark-brand-hover-color: $gray-500;
$navbar-dark-hover-color: $gray-500;
$navbar-dark-active-color: $gray-500;
$navbar-dark-brand-hover-color: $gray-200;
$navbar-dark-hover-color: $gray-200;
$navbar-dark-active-color: $gray-200;
// fix active tab color, for some reason it ends up with $primary as bg color
$nav-tabs-link-active-bg: #fff;