fix: remove scrollbar from org nr field

Informasjonsforvaltning · May 3, 2024 · 7e43d38 · 7e43d38
1 parent 5028de0
commit 7e43d38
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/apps/forms/app/[lang]/data-hunter/components/data-hunter-form/data-hunter-form.module.css b/apps/forms/app/[lang]/data-hunter/components/data-hunter-form/data-hunter-form.module.css
@@ -17,3 +17,20 @@
   margin-top: 3rem;
   align-self: flex-start;
 }
+
+.orgNumberField {
+  composes: textFieldHalfWith;
+}
+
+/* Chrome, Safari, Edge, Opera */
+.orgNumberField input::-webkit-outer-spin-button,
+.orgNumberField input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+.orgNumberField * input[type=number] {
+  -moz-appearance: textfield;
+}
+
diff --git a/apps/forms/app/[lang]/data-hunter/components/data-hunter-form/index.tsx b/apps/forms/app/[lang]/data-hunter/components/data-hunter-form/index.tsx
@@ -79,7 +79,7 @@ const DataHunterForm = ({ dictionary }: Props) => {
         name='organizationNumber'
         required
         type='number'
-        className={styles.textFieldHalfWith}
+        className={styles.orgNumberField}
         error={extractErrorMessages('organizationNumber', state, dictionary)}
         label={
           <LabelWithTag