fix: remove error div from studio search (#14414)

Altinn · Jan 15, 2025 · 60ea6c6 · 60ea6c6
1 parent 3089d3b
commit 60ea6c6
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 11 deletions.
diff --git a/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.module.css b/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.module.css
@@ -0,0 +1,3 @@
+.studioSearch div:empty {
+  display: contents;
+}
diff --git a/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.tsx b/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.tsx
@@ -1,6 +1,7 @@
 import React, { forwardRef, useId } from 'react';
 import { Label, Search, type SearchProps } from '@digdir/designsystemet-react';
 import type { WithoutAsChild } from '../../types/WithoutAsChild';
+import classes from './StudioSearch.module.css';
 
 export type StudioSearchProps = WithoutAsChild<SearchProps>;
 
@@ -10,14 +11,15 @@ const StudioSearch = forwardRef<HTMLInputElement, StudioSearchProps>(
     const searchId = id ?? generatedId;
     const showLabel = !!label;
 
+    // TODO: Remove studioSearch css class when Design System is updated. See issue: https://github.com/digdir/designsystemet/issues/2765
     return (
       <div className={className}>
         {showLabel && (
           <Label htmlFor={searchId} spacing>
             {label}
           </Label>
         )}
-        <Search {...rest} id={searchId} size={size} ref={ref} />
+        <Search {...rest} className={classes.studioSearch} id={searchId} size={size} ref={ref} />
       </div>
     );
   },

diff --git a/...Library/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css b/...Library/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css
@@ -5,7 +5,3 @@
   gap: var(--fds-spacing-3);
   justify-content: flex-start;
 }
-
-.searchField {
-  display: flex;
-}
diff --git a/...ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx b/...ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx
@@ -35,10 +35,7 @@ export function CodeListsActionsBar({
 
   return (
     <div className={classes.actionsBar}>
-      <StudioSearch
-        className={classes.searchField}
-        label={t('app_content_library.code_lists.search_label')}
-      />
+      <StudioSearch label={t('app_content_library.code_lists.search_label')} />
       <CreateNewCodeListModal onUpdateCodeList={onUpdateCodeList} codeListNames={codeListNames} />
       <StudioFileUploader
         accept='.json'

diff --git a/frontend/packages/text-editor/src/TextEditor.module.css b/frontend/packages/text-editor/src/TextEditor.module.css
@@ -18,14 +18,14 @@
   border-bottom: 1px solid #bcc7cc;
   padding: var(--fds-spacing-6);
   display: flex;
-  align-items: center;
+  align-items: flex-end;
   justify-content: space-between;
 }
 
 .filterAndSearch {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: flex-end;
   gap: var(--fds-spacing-4);
 }