🚸 tydeligere visning av feilmelding på utenlandsperioder. https://jir…

…a.adeo.no/browse/AAP-33
navikt · May 27, 2024 · ec0ca1c · ec0ca1c
1 parent 1db74b9
commit ec0ca1c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/components/pageComponents/standard/Medlemskap/Medlemskap.module.css b/components/pageComponents/standard/Medlemskap/Medlemskap.module.css
@@ -12,3 +12,10 @@
   flex-direction: row;
   justify-content: flex-start;
 }
+.feilmelding:before {
+  content: '•';
+}
+.feilmelding {
+  display: flex;
+  gap: var(--a-spacing-2);
+}
diff --git a/components/pageComponents/standard/Medlemskap/Medlemskap.tsx b/components/pageComponents/standard/Medlemskap/Medlemskap.tsx
@@ -27,6 +27,7 @@ import {
 import { useSoknad } from 'hooks/SoknadHook';
 import { updateSøknadData } from 'context/soknadcontext/actions';
 import { UtenlandsOppholdListe } from 'components/pageComponents/standard/Medlemskap/UtenlandsOppholdListe';
+import styles from './Medlemskap.module.css';
 
 interface Props {
   onBackClick: () => void;
@@ -308,7 +309,7 @@ export const Medlemskap = ({ onBackClick }: Props) => {
 
             {utenlandsOppholdErrorMessage && (
               <div className={'navds-error-message navds-error-message--medium navds-label'}>
-                {utenlandsOppholdErrorMessage}
+                <p className={styles.feilmelding}>{utenlandsOppholdErrorMessage}</p>
               </div>
             )}
           </ColorPanel>