kennethnym/infinifi
1
0
Fork 0
Code Issues 2 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Removed scrollbars by overflow

Browse Source
This commit is contained in:
DMZTdhruv
2024-07-24 17:09:11 +05:30
parent fa49faea5f
commit ec5b64c40f
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/style.css
View File

@@ -34,6 +34,7 @@ body {
padding: 2rem; padding: 2rem;
margin: 0; margin: 0;
background-color: var(--base); background-color: var(--base);
overflow: hidden;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
body { body {
@@ -167,7 +168,7 @@ a {
} }
@media screen and (-webkit-min-device-pixel-ratio: 0) { @media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="range"] { input[type='range'] {
overflow: hidden; overflow: hidden;
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; -webkit-appearance: none;
@@ -175,13 +176,13 @@ a {
background-color: var(--base); background-color: var(--base);
} }
input[type="range"]::-webkit-slider-runnable-track { input[type='range']::-webkit-slider-runnable-track {
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; -webkit-appearance: none;
color: #13bba4; color: #13bba4;
} }
input[type="range"]::-webkit-slider-thumb { input[type='range']::-webkit-slider-thumb {
width: var(--range-height); width: var(--range-height);
height: var(--range-height); height: var(--range-height);
-webkit-appearance: none; -webkit-appearance: none;
@@ -190,18 +191,18 @@ a {
} }
} }
input[type="range"]::-moz-range-progress { input[type='range']::-moz-range-progress {
border: none; border: none;
height: var(--range-height); height: var(--range-height);
background-color: var(--range-accent); background-color: var(--range-accent);
} }
input[type="range"]::-moz-range-track { input[type='range']::-moz-range-track {
border: none; border: none;
background-color: var(--base); background-color: var(--base);
} }
input[type="range"]::-moz-range-thumb { input[type='range']::-moz-range-thumb {
appearance: none; appearance: none;
border: none; border: none;
border-radius: 0; border-radius: 0;
@@ -211,10 +212,10 @@ input[type="range"]::-moz-range-thumb {
} }
/* IE*/ /* IE*/
input[type="range"]::-ms-fill-lower { input[type='range']::-ms-fill-lower {
background-color: var(--range-accent); background-color: var(--range-accent);
} }
input[type="range"]::-ms-fill-upper { input[type='range']::-ms-fill-upper {
background-color: var(--base); background-color: var(--base);
} }
@@ -277,7 +278,7 @@ input[type="range"]::-ms-fill-upper {
right: -1px; right: -1px;
bottom: -1px; bottom: -1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
content: ""; content: '';
background-color: var(--text); background-color: var(--text);
z-index: -1; z-index: -1;
transform: translate(2px, 2px); transform: translate(2px, 2px);