colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated mobile content tabs to respect dark mode

This commit is contained in:
Dan Brown 2021-04-27 21:55:33 +01:00
parent aa6a752e38
commit f24336f77a
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/sass/_header.scss
View File

@ -221,17 +221,21 @@ header .search-box {
z-index: 5; z-index: 5;
background-color: #FFF; background-color: #FFF;
border-bottom: 1px solid #DDD; border-bottom: 1px solid #DDD;
@include lightDark(border-bottom-color, #DDD, #333);
box-shadow: $bs-card; box-shadow: $bs-card;
} }
.tri-layout-mobile-tab { .tri-layout-mobile-tab {
text-align: center; text-align: center;
border-bottom: 3px solid #BBB; border-bottom: 3px solid #BBB;
cursor: pointer; cursor: pointer;
@include lightDark(background-color, #FFF, #222);
@include lightDark(border-bottom-color, #BBB, #333);
&:first-child { &:first-child {
border-inline-end: 1px solid #DDD; border-inline-end: 1px solid #DDD;
@include lightDark(border-inline-end-color, #DDD, #000);
} }
&[aria-selected="true"] { &[aria-selected="true"] {
border-bottom-color: currentColor; border-bottom-color: currentColor !important;
} }
} }