diff --git a/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.module.css b/frontend/libs/studio-components/src/components/StudioSearch/StudioSearch.module.css new file mode 100644 index 00000000000..5f82e293b5f --- /dev/null +++ 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 index 4277f2428e7..ad258af5fe0 100644 --- 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; @@ -10,6 +11,7 @@ const StudioSearch = forwardRef( 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 (
{showLabel && ( @@ -17,7 +19,7 @@ const StudioSearch = forwardRef( {label} )} - +
); }, diff --git a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css index 434dcd00378..d6d468dbae4 100644 --- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.module.css +++ b/frontend/libs/studio-content-library/src/ContentLibrary/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/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx index 8c87f1004e0..d5e336d5fa1 100644 --- a/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx +++ b/frontend/libs/studio-content-library/src/ContentLibrary/LibraryBody/pages/CodeListPage/CodeListsActionsBar/CodeListsActionsBar.tsx @@ -35,10 +35,7 @@ export function CodeListsActionsBar({ return (
- +