fix: input tags background and hide labels

Informasjonsforvaltning · Sep 22, 2023 · f41b6c9 · f41b6c9
1 parent 384461d
commit f41b6c9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 22 deletions.
diff --git a/src/components/fields/field-input-tags/field-input-tags.scss b/src/components/fields/field-input-tags/field-input-tags.scss
@@ -1,6 +1,7 @@
 .fdk-reg-input-tags {
   width: 100%;
   padding: 0.05rem 0;
+  background: #fff;
   border: 1px solid #ced4da;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 
@@ -45,7 +46,7 @@
   }
 
   .react-tagsinput-input {
-    background: transparent;
+    background: #fff;
     border: 0;
     margin-top: 1px;
     outline: none;

diff --git a/src/pages/concept-registration-page/form-concept/internal-info/index.tsx b/src/pages/concept-registration-page/form-concept/internal-info/index.tsx
@@ -24,8 +24,8 @@ import {
   selectAllCodeLists
 } from '../../../../features/code-lists';
 import { convertCodeListToTreeNodes } from '../../../../utils/code-list';
-import { InputTagsField } from '../../../../components/fields/field-input-tags/field-input-tags.component';
 import { fetchConceptStatuses } from '../../../../features/concept-statuses';
+import { InputTagsField } from '../../../../components/fields/field-input-tags/field-input-tags.component';
 
 interface Props {
   catalogId: string;
@@ -51,12 +51,7 @@ const renderInternalField = (
     return (
       <>
         <Help />
-        <Field
-          name={name}
-          component={InputField}
-          label={getTranslateText(internalField.label)}
-          showLabel
-        />
+        <Field name={name} component={InputField} />
       </>
     );
   }
@@ -227,9 +222,7 @@ export const InternalInfo: FC<Props> = ({ catalogId, errors }) => {
         <Field
           name='assignedUser'
           component={SelectField}
-          label={localization.assignToUser}
           placeholder={localization.enterFullName}
-          showLabel
           options={userList.map(item => ({
             label: item.name,
             value: item.id
@@ -242,24 +235,14 @@ export const InternalInfo: FC<Props> = ({ catalogId, errors }) => {
           title={localization.abbreviationTitle}
           helpTextAbstract={localization.abbreviationAbstract}
         />
-        <Field
-          name='abbreviatedLabel'
-          component={InputField}
-          label={localization.abbreviationTitle}
-          showLabel
-        />
+        <Field name='abbreviatedLabel' component={InputField} />
       </SC.Information>
       <SC.Information>
         <HelpText
           title={localization.labelTitle}
           helpTextAbstract={localization.labelAbstract}
         />
-        <Field
-          name='merkelapp'
-          component={InputTagsField}
-          label={localization.labelTitle}
-          showLabel
-        />
+        <Field name='merkelapp' component={InputTagsField} />
       </SC.Information>
       {catalogFields?.internal?.map(field => (
         <SC.Information key={field.id}>