From 05e437f8fd29d078af4148f3b2debcb789d8bfac Mon Sep 17 00:00:00 2001
From: Nicholas Smith <nicholas.smith4@utdallas.edu>
Date: Fri, 18 Oct 2019 11:26:13 -0500
Subject: [PATCH] Remove arrows on numeric inputs (#8516)
* Nothing needs the arrows for input, especially 2FA
* Moved into LESS
---
public/css/index.css | 2 ++
public/less/_form.less | 10 ++++++++++
2 files changed, 12 insertions(+)
diff --git a/public/css/index.css b/public/css/index.css
index 6fdcb5c225..7c881bb274 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -396,6 +396,8 @@ i.icon.centerlock{top:1.5em}
.user.activate form .inline.field>label,.user.forgot.password form .inline.field>label,.user.reset.password form .inline.field>label,.user.signin form .inline.field>label,.user.signup form .inline.field>label{width:200px}
@media only screen and (max-width:768px){.user.activate form .inline.field>label,.user.activate form input,.user.forgot.password form .inline.field>label,.user.forgot.password form input,.user.reset.password form .inline.field>label,.user.reset.password form input,.user.signin form .inline.field>label,.user.signin form input,.user.signup form .inline.field>label,.user.signup form input{width:100%!important}
}
+.user.activate form input[type=number],.user.forgot.password form input[type=number],.user.reset.password form input[type=number],.user.signin form input[type=number],.user.signup form input[type=number]{-moz-appearance:textfield}
+.user.activate form input::-webkit-inner-spin-button,.user.activate form input::-webkit-outer-spin-button,.user.forgot.password form input::-webkit-inner-spin-button,.user.forgot.password form input::-webkit-outer-spin-button,.user.reset.password form input::-webkit-inner-spin-button,.user.reset.password form input::-webkit-outer-spin-button,.user.signin form input::-webkit-inner-spin-button,.user.signin form input::-webkit-outer-spin-button,.user.signup form input::-webkit-inner-spin-button,.user.signup form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.repository.new.fork form,.repository.new.migrate form,.repository.new.repo form{margin:auto}
.repository.new.fork form .ui.message,.repository.new.migrate form .ui.message,.repository.new.repo form .ui.message{text-align:center}
@media only screen and (min-width:768px){.repository.new.fork form,.repository.new.migrate form,.repository.new.repo form{width:800px!important}
diff --git a/public/less/_form.less b/public/less/_form.less
index c1a4f80c10..2f37666fb6 100644
--- a/public/less/_form.less
+++ b/public/less/_form.less
@@ -140,6 +140,16 @@
width: 100% !important;
}
}
+
+ input[type=number] {
+ -moz-appearance: textfield;
+ }
+
+ input::-webkit-outer-spin-button,
+ input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
}
}