From 8955efc890f3afb6e19a541acccb3963622c18da Mon Sep 17 00:00:00 2001 From: Richard Schreiber Date: Mon, 24 May 2021 14:03:43 +0200 Subject: [PATCH] Visual: improve number inputs padding and make spinners bigger (#2068) --- src/pretix/static/pretixbase/scss/_theme.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/pretix/static/pretixbase/scss/_theme.scss b/src/pretix/static/pretixbase/scss/_theme.scss index f991aedb8..fc1d4bcf8 100644 --- a/src/pretix/static/pretixbase/scss/_theme.scss +++ b/src/pretix/static/pretixbase/scss/_theme.scss @@ -1,5 +1,16 @@ input[type=number] { - padding-right: 0; // Setting the padding-right to zero, as some versions Firefox render the arrow-buttons on number inputs useless. + padding-right: 6px; +} +@supports (-moz-appearance:none) { + input[type=number] { + padding: 6px 2px; // decrease horizontal padding, as some versions of Firefox render the arrow-buttons on number inputs useless otherwise + } +} +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + opacity: 1; + cursor: pointer; + padding: 8px 4px; } .sidebar-nav li > a > .fa {