Fix custom range height (#26898)

Fixes #26897

Fix custom range height (#26898)
Fixes #26897
bbee4143 · ysds · Mark Otto · ab53ccc2 · bbee4143
Commit bbee4143 authored 6 years ago by ysds Committed by Mark Otto 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 1 deletion
+2 -1
--- 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} + #{$custom-range-thumb-focus-box-shadow-width * 2});
+  padding: 0; // Need to reset padding
  background-color: transparent;
  appearance: none;