bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-15 07:43:35 +00:00
Code Issues 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
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%; height: 100%;
} }
content::-webkit-scrollbar { content::-webkit-scrollbar, cdk-virtual-scroll-viewport::-webkit-scrollbar {
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
@@ -109,7 +109,13 @@ content::-webkit-scrollbar-track {
background-color: transparent; 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; border-radius: 10px;
margin-right: 1px; 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); 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%;
}