From 4057df07bac7f77d781cc8362d84490a393cadb2 Mon Sep 17 00:00:00 2001 From: Marliana Lara Date: Wed, 18 Jul 2018 15:59:04 -0400 Subject: [PATCH] Fix input slider styles in Firefox --- .../client/lib/components/input/_index.less | 21 ++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/awx/ui/client/lib/components/input/_index.less b/awx/ui/client/lib/components/input/_index.less index 6c41607a27..1cc1c5f21d 100644 --- a/awx/ui/client/lib/components/input/_index.less +++ b/awx/ui/client/lib/components/input/_index.less @@ -278,9 +278,10 @@ height: 1px; width: 100%; } + &::-webkit-slider-thumb { -webkit-appearance: none; - background: @at-color-input-slider-thumb; + background-color: @at-color-input-slider-thumb; border-radius: 50%; border: none; cursor: pointer; @@ -288,6 +289,24 @@ margin-top: -7px; width: 16px; } + + } + + input[type=range]::-moz-range-thumb { + -webkit-appearance: none; + background-color: @at-color-input-slider-thumb; + border-radius: 50%; + border: none; + cursor: pointer; + height: 16px; + width: 16px; + } + + input[type=range]::-moz-range-track { + background: @at-color-input-slider-track; + cursor: pointer; + height: 1px; + width: 100%; } input[type=range][disabled] {