commit ca1a7d7c9e3e284d7d713a62f2f04f3e209ff487
parent d78a386c4b57fa5ee022073cf04d9c319f3b4809
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date: Mon, 30 Aug 2021 10:47:30 -0700
Improve experience on mobile devices
Diffstat:
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/assets/global.css b/src/assets/global.css
@@ -6,6 +6,7 @@
}
body {
font-family: Segoe UI, sans-serif;
+ touch-action: manipulation;
}
input, select, button {
padding: 0.3em 0.5em;
@@ -46,9 +47,14 @@ body {
button, input, select, option, tr:nth-child(2n) {
background-color: var(--background2);
}
-button:hover, button:focus, select:hover, select:focus, input:hover, input:focus {
+button:focus, select:focus, input:focus {
background-color: var(--background3);
}
+@media (hover: hover) {
+ button:hover, select:hover, input:hover {
+ background-color: var(--background3);
+ }
+}
button:active {
background-color: var(--background4);
}