remove arrows for number inputs (#1287)

2023-08-22 17:59:02 +05:30
parent 8004cf8533
commit b68b5779a6
1 changed files with 10 additions and 0 deletions
--- a/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx
+++ b/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx
@ -22,6 +22,16 @@ const StyledInput = styled.input`
  ${textInputStyle}

  width: 100%;
+
+  &[type='number']::-webkit-outer-spin-button,
+  &[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  &[type='number'] {
+    -moz-appearance: textfield;
+  }
 `;

 export const DropdownMenuInput = forwardRef<