fix: options: unwanted horizontal scrollbar on android
Massimo Melina committed
Sep 6, 2023 at 17:54 UTC
cb1527c590632472fb715929e26da157ba43bcf1
1 file changed
+4
-1
frontend/src/index.scss
+4
-1
@@ -55,7 +55,7 @@ body, input {
55
code {
56
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
57
}
58
-input:not([type=checkbox]), select {
58
+input:not([type=checkbox],[type=range]), select {
59
padding: 0.3em 0.4em;
60
border-radius: 0.5em;
61
background: var(--bg);
@@ -64,6 +64,9 @@ input:not([type=checkbox]), select {
64
max-width: 100%; box-sizing: border-box; // avoid scrolling
65
width: 100%;
66
}
67
+input[type=range] {
68
+ width: calc(100% - 1px); // chrome116 on android shows a scrollbar because of that 1px
69
+}
70
input[type=checkbox] {
71
transform: scale(1.7);
72
accent-color: var(--button-bg);