3 Commits

Author SHA1 Message Date
Eva
c705e9b9f1 Merge 9f533882bf into 376f687c38 2025-03-31 23:49:06 +00:00
Eva
9f533882bf client/css: focused active tab styling 2025-04-01 01:48:59 +02:00
Eva
6035278c7e client/css: dark theme comment styling 2025-04-01 01:00:12 +02:00
2 changed files with 31 additions and 11 deletions

View File

@ -4,6 +4,9 @@ $comment-header-background-color-darktheme = $top-navigation-color-darktheme
$comment-border-color = #DDD
.comments-container
margin-top: 2em
.comment-container
padding: 0 0 0 60px
@ -120,17 +123,30 @@ $comment-border-color = #DDD
.messages
margin: 1em 0
.darktheme .comment-container .comment header
background: $comment-header-background-color-darktheme
nav.edit
ul
li
&.active
background: $window-color-darktheme
border-bottom: 1px solid $window-color-darktheme
.edit, .delete, .score-container a, .nickname a
&:not(.inactive)
color: mix($main-color, $inactive-link-color-darktheme)
.darktheme .comment-container
.comment
border: 1px solid $comment-header-background-color-darktheme
header
background: $comment-header-background-color-darktheme
border-bottom: 1px solid $comment-header-background-color-darktheme
nav.edit
ul
li
&.active
background: $window-color-darktheme
border: 1px solid $window-color-darktheme
.edit, .delete, .score-container a, .nickname a
&:not(.inactive)
color: mix($main-color, $inactive-link-color-darktheme)
&:before
border-right: 0
&:after
border-right: 0.75em solid $comment-header-background-color-darktheme
.comment-content
p

View File

@ -166,6 +166,8 @@ nav
li.active a
background: $active-tab-background-color
color: $active-tab-text-color
li.active:has(:focus)
background: $active-tab-background-color
:focus
background: $focused-tab-background-color
outline: 0
@ -241,6 +243,8 @@ nav
li.active a
background: $active-tab-background-color-darktheme
color: $active-tab-text-color-darktheme
li.active:has(:focus)
background: $active-tab-background-color-darktheme
:focus
background: $focused-tab-background-color-darktheme
&#top-navigation