webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-09 10:22:51 +03:00
Code Activity

Comments: Updated reply-to and general styling

Browse Source 
Updated reply inidicator to fit with new nesting system, only showing on
view when nest within nesting structure.

Updated the general design to be a bit cleaner and better adapt on
mobile.

Tested on FF+Chrome, inc. dark mode.
This commit is contained in:
Dan Brown
2023-06-09 17:36:30 +01:00
parent 3bede42121
commit 19e39ddd1f
6 changed files with 98 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
resources/sass/_components.scss
View File

@@ -691,26 +691,28 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
.actions button:focus {
outline: 1px dotted var(--color-primary);
}
@include smaller-than($m) {
.actions {
opacity: 1;
}
}
}
.comment-box .header {
.meta {
img, a, span {
display: inline-block;
vertical-align: top;
}
a, span {
padding: $-xxs 0 $-xxs 0;
line-height: 1.6;
}
a { color: #666; }
span {
padding-inline-start: $-xxs;
}
border-bottom: 1px solid #DDD;
@include lightDark(border-color, #DDD, #000);
button {
font-size: .8rem;
}
a {
color: inherit;
}
.text-muted {
color: #999;
}
.right-meta .text-muted {
opacity: .8;
}
}
.comment-thread-indicator {
@@ -725,6 +727,14 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
display: none;
}
.comment-reply {
display: none;
}
.comment-branch .comment-branch .comment-branch .comment-branch .comment-reply {
display: block;
}
#tag-manager .drag-card {
max-width: 500px;
}