From c2ab2891b55f14f3dcda4bc8cfdc2482a25fb119 Mon Sep 17 00:00:00 2001 From: ysds Date: Tue, 17 Jul 2018 10:37:39 +0900 Subject: [PATCH 1/2] Fix custom range height Fixes #26897 --- scss/_custom-forms.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 8348e261c581..56c3ae469217 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -314,7 +314,8 @@ .custom-range { width: 100%; - padding-left: 0; // Firefox specific + height: calc(#{$custom-range-thumb-height} + #{$input-btn-focus-box-shadow-width * 2}); + padding: 0; // Need to reset padding background-color: transparent; appearance: none; From 3351d1819ff9ce6b24fc5fdcac465d06cbb7b80f Mon Sep 17 00:00:00 2001 From: ysds Date: Tue, 17 Jul 2018 10:51:40 +0900 Subject: [PATCH 2/2] Fix incorrect var --- scss/_custom-forms.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 56c3ae469217..44c8d27be237 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -314,7 +314,7 @@ .custom-range { width: 100%; - height: calc(#{$custom-range-thumb-height} + #{$input-btn-focus-box-shadow-width * 2}); + height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2}); padding: 0; // Need to reset padding background-color: transparent; appearance: none;