Only enable custom scrollBar to Windows Chrome

This commit is contained in:
2023-06-27 11:20:33 +08:00
parent 83af26d3fa
commit 91d6b44c41
6 changed files with 25 additions and 39 deletions

View File

@@ -1,19 +1,3 @@
::-webkit-scrollbar{
width: 6px;
height: 1px;
}
::-webkit-scrollbar-thumb{
border-radius: 100%;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.45);
border-radius: 6px;
}
body {
min-width: 100vw;
min-height: 100vh;
@@ -277,12 +261,12 @@ div.new_task>div.container>div.bottom {
@media (max-width:767px) {
.settings .text-box .text{
.settings .text-box .text {
flex-direction: column;
align-items: start;
}
.settings .text-box .mdc-text-field{
.settings .text-box .mdc-text-field {
margin: 10px 0;
width: 100%;
}
@@ -292,4 +276,4 @@ div.new_task>div.container>div.bottom {
.settings {
margin: 0;
}
}
}

View File

@@ -1,16 +1,19 @@
::-webkit-scrollbar{
width: 6px;
height: 1px;
}
::-webkit-scrollbar-thumb{
border-radius: 100%;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.45);
border-radius: 6px;
}
::-webkit-scrollbar {
width: 6px;
height: 1px;
}
::-webkit-scrollbar-thumb {
border-radius: 100%;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.45);
border-radius: 6px;
}

View File

@@ -29,7 +29,7 @@ self.addEventListener("activate", (event: ActivateEvent) => {
const CACHES = [
"/common.css",
"/hide-scrollbar.css",
"/scrollBar.css",
"/preact-material-components/style.css",
];