webapp/bookstack
webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-08 15:21:56 +03:00
Code

Comments: Checked content/arhived comment styles in dark mode

Browse Source 
Also added default non-clickable styles for scenarios for references
which don't have an active content link.
This commit is contained in:
Dan Brown 2025-05-09 14:17:04 +01:00
parent a27df485bb
commit f8c0aaff03
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/sass/_components.scss
View File

@ -785,6 +785,10 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
top: 0; top: 0;
opacity: 0.15; opacity: 0.15;
} }
&[href="#"] {
color: #444;
pointer-events: none;
}
} }
.comment-branch .comment-box { .comment-branch .comment-box {
@ -836,7 +840,8 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
font-size: 12px; font-size: 12px;
} }
.avatar { .avatar {
width: 18px; width: 22px;
height: 22px;
margin-inline-end: 2px !important; margin-inline-end: 2px !important;
} }
.content { .content {
@ -1206,6 +1211,7 @@ input.scroll-box-search, .scroll-box-header-item {
details.section-expander summary { details.section-expander summary {
border-top: 1px solid #DDD; border-top: 1px solid #DDD;
@include mixins.lightDark(border-color, #DDD, #000);
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 12px;
color: #888; color: #888;
@ -1217,4 +1223,5 @@ details.section-expander:open summary {
} }
details.section-expander { details.section-expander {
border-bottom: 1px solid #DDD; border-bottom: 1px solid #DDD;
@include mixins.lightDark(border-color, #DDD, #000);
} }

2
resources/sass/_pages.scss
View File

@ -248,7 +248,7 @@ body.tox-fullscreen, body.markdown-fullscreen {
z-index: 92; z-index: 92;
pointer-events: all; pointer-events: all;
min-width: min(340px, 80vw); min-width: min(340px, 80vw);
background-color: #FFF; @include mixins.lightDark(background-color, #FFF, #222);
box-shadow: vars.$bs-hover; box-shadow: vars.$bs-hover;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;