SizeInput: fix slider overflow on small breakpoint

phosphor-icons · Sep 28, 2020 · e42317f · e42317f
1 parent 2939465
commit e42317f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/SizeInput/SizeInput.css b/src/components/SizeInput/SizeInput.css
@@ -35,6 +35,10 @@
   .size-bar input {
     margin: 0 auto;
   }
+
+  .size-bar label {
+    display: none;
+  }
 }
 
 .size-bar input::-webkit-slider-thumb {

diff --git a/src/components/SizeInput/SizeInput.tsx b/src/components/SizeInput/SizeInput.tsx
@@ -37,7 +37,6 @@ const SizeInput: React.FC<SizeInputProps> = () => {
         name="size-input"
         value={size}
         type="range"
-        title={size.toString()}
         min={16}
         max={96}
         onChange={handleSizeChange}