diff options
| author | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-05-19 02:59:22 +0300 |
|---|---|---|
| committer | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-05-19 02:59:22 +0300 |
| commit | 035ea58de5595969703bdd6299a44638491c34da (patch) | |
| tree | 2fc24a703f76f6d5e840494b9b476cc2baa176a6 /assets | |
| parent | 6f75c7cf4bdd08a8b24782c1c96b2446d8500eb0 (diff) | |
Fix uncovered li element in dark mode and navbar in mobile view.
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/dark-mode.scss | 33 | ||||
| -rw-r--r-- | assets/scss/journal.scss | 2 |
2 files changed, 19 insertions, 16 deletions
diff --git a/assets/scss/dark-mode.scss b/assets/scss/dark-mode.scss index f57d2c7..7772287 100644 --- a/assets/scss/dark-mode.scss +++ b/assets/scss/dark-mode.scss @@ -147,23 +147,26 @@ body.night { } .single-column-nav-container { - @media screen and (max-width: $single-column-max-width) { - .nav-dropdown-toggle { - &:hover { - color: #3f587d !important; - } - } - .navbar-brand { - color: $dark-mode-text; - &:hover { - color: $dark-mode-text; - } + * { + color: $dark-mode-text; + } + @media screen and (max-width: $single-column-max-width) { + .nav-dropdown-toggle { + &:hover { + color: #3f587d !important; } - .nav-background { - background: $dark-mode-front-container-background; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); + } + .navbar-brand { + color: $dark-mode-text; + &:hover { + color: $dark-mode-text; } } + .nav-background { + background: $dark-mode-front-container-background; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); + } + } } .single-column-header-container { @@ -219,7 +222,7 @@ body.night { } } - .post-body p,h1,h2,h3,h4,h5,h6 { + .post-body p,h1,h2,h3,h4,h5,h6,li { color: $dark-mode-text; *{ color: $dark-mode-text; diff --git a/assets/scss/journal.scss b/assets/scss/journal.scss index f33b914..fa999fe 100644 --- a/assets/scss/journal.scss +++ b/assets/scss/journal.scss @@ -250,7 +250,7 @@ a { opacity: 0; text-align: left; padding-left: 12px; - padding-top: 8px; + //padding-top: 8px; //justify-content: space-between; //align-items: stretch; flex: 1; |