Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-23 11:56:00 +01:00
Code Issues Projects Releases Wiki Activity

tidy up scss

Browse Source
This commit is contained in:
Thomas Rittson 2021-05-21 14:06:26 +10:00
parent 94ee6c1ab7
commit 2b3ae50ed9
2 changed files with 20 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/popup/scss/base.scss
View File

@ -100,7 +100,7 @@ main {
height: 100%;
}
content::-webkit-scrollbar {
content::-webkit-scrollbar, cdk-virtual-scroll-viewport::-webkit-scrollbar {
width: 10px;
height: 10px;
}
@ -109,7 +109,13 @@ content::-webkit-scrollbar-track {
background-color: transparent;
}
content::-webkit-scrollbar-thumb {
cdk-virtual-scroll-viewport::-webkit-scrollbar-track {
@include themify($themes) {
background-color: themed('backgroundColor');
}
}
content::-webkit-scrollbar-thumb, cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb {
border-radius: 10px;
margin-right: 1px;
@ -394,3 +400,15 @@ content {
}
}
}
// cdk-virtual-scroll
.cdk-virtual-scroll-viewport {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.cdk-virtual-scroll-content-wrapper {
width: 100%;
}

39
src/popup/scss/misc.scss
View File

@ -356,42 +356,3 @@ select option {
background-color: darken(themed('inputBackgroundColor'), +1);
}
}
// TODO: this but better
cdk-virtual-scroll-viewport {
height: 500px;
width: 375px;
overflow-y: auto !important;
overflow-x: hidden !important;
}
// cribbed directly from base.scss
cdk-virtual-scroll-viewport::-webkit-scrollbar {
width: 10px;
height: 10px;
}
cdk-virtual-scroll-viewport::-webkit-scrollbar-track {
@include themify($themes) {
background-color: themed('backgroundColor');
}
}
cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb {
border-radius: 10px;
margin-right: 1px;
@include themify($themes) {
background-color: themed('scrollbarColor');
}
&:hover {
@include themify($themes) {
background-color: themed('scrollbarHoverColor');
}
}
}
.cdk-virtual-scroll-content-wrapper {
width: 100%;
}