luisgulo/BookStack
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Tidied up book navigation styles

Browse source 
- Removed background track line since it would darken entity item bars.
- Updated item spacing to be a bit tighter.
- Updated action hover styles to be a bit lighter, and visible on dark
  mode, to fit rest of system.
This commit is contained in:
Dan Brown 2022-05-13 18:34:47 +01:00
parent 24b31b624c
commit 60e319c4b4
No known key found for this signature in database
GPG key ID: 46D9F943C24A2EF9
1 changed files with 5 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
resources/sass/_lists.scss
View file

@ -157,22 +157,6 @@
@include margin($-xs, -$-s, 0, -$-s);
padding-inline-start: 0;
padding-inline-end: 0;
position: relative;
&:after, .sub-menu:after {
content: '';
display: block;
position: absolute;
left: $-m;
top: 1rem;
bottom: 1rem;
border-inline-start: 4px solid rgba(0, 0, 0, 0.1);
z-index: 0;
@include rtl {
left: auto;
right: $-m;
}
}
ul {
list-style: none;
@ -181,8 +165,8 @@
}
.entity-list-item {
padding-top: $-xxs;
padding-bottom: $-xxs;
padding-top: 2px;
padding-bottom: 2px;
background-clip: content-box;
border-radius: 0 3px 3px 0;
padding-inline-end: 0;
@ -193,7 +177,7 @@
}
}
.entity-list-item.selected {
@include lightDark(background-color, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));
@include lightDark(background-color, rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.06));
}
.entity-list-item.no-hover {
margin-top: -$-xs;
@ -220,7 +204,7 @@
align-self: stretch;
flex-shrink: 0;
border-radius: 1px;
opacity: 0.6;
opacity: 0.8;
}
.entity-list-item .icon:after {
opacity: 1;
@ -440,8 +424,8 @@ ul.pagination {
cursor: pointer;
}
&:not(.no-hover):hover {
@include lightDark(background-color, rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.06));
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
&.outline-hover:hover {