From 2d75709ab7de6390a000dd1ae392c90226849fc6 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Tue, 31 Oct 2023 10:06:51 -0700
Subject: [PATCH] css: hide number input arrows

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/styles/utils.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/styles/utils.scss b/src/styles/utils.scss
index 01d3d6cf..4632d371 100644
--- a/src/styles/utils.scss
+++ b/src/styles/utils.scss
@@ -35,3 +35,15 @@
   user-select: none;
   -webkit-user-select: none; // iOS Safari is a horrible browser
 }
+
+// Hide arrows on number input
+input[type='number'] {
+  appearance: textfield;
+
+  // https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+}