diff --git a/src/app/shared/components/sidebar/sidebar.component.scss b/src/app/shared/components/sidebar/sidebar.component.scss index c1b267f..c314ac6 100644 --- a/src/app/shared/components/sidebar/sidebar.component.scss +++ b/src/app/shared/components/sidebar/sidebar.component.scss @@ -23,6 +23,7 @@ main { color: var(--bs-emphasis-color); background-color: transparent; } + .btn-toggle:hover, .btn-toggle:focus { color: rgba(var(--bs-emphasis-color-rgb), .85); @@ -44,6 +45,7 @@ main { .btn-toggle[aria-expanded="true"] { color: rgba(var(--bs-emphasis-color-rgb), .85); } + .btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); } @@ -53,6 +55,7 @@ main { margin-top: .125rem; margin-left: 1.25rem; } + .btn-toggle-nav a:hover, .btn-toggle-nav a:focus { background-color: var(--bs-tertiary-bg); diff --git a/src/styles.scss b/src/styles.scss index 62776a9..08669b8 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -7,6 +7,7 @@ body { $primary: #ff5733; @import "/node_modules/bootstrap/scss/bootstrap"; + .bi { display: inline-block; width: 1rem; @@ -23,6 +24,7 @@ $primary: #ff5733; position: sticky; top: 48px; } + .navbar-search { display: block; }