fix: Adjust css so focus container for helpText in accessControl in S…

…ettingsModal fits content (#13952) Co-authored-by: Jonas Dyrlie <[email protected]>
Altinn · Oct 31, 2024 · df8e50d · df8e50d
1 parent df67230
commit df8e50d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...ngsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.module.css b/...ngsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.module.css
@@ -3,6 +3,10 @@
   gap: var(--fds-spacing-2);
 }
 
+.helpText {
+  height: fit-content;
+}
+
 .docsLinkText {
   margin-top: var(--fds-spacing-10);
   display: flex;

diff --git a/...r/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.tsx b/...r/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.tsx
@@ -50,7 +50,11 @@ export const AccessControlTab = (): ReactNode => {
     <TabContent>
       <div className={classes.tabHeaderContent}>
         <TabHeader text={t('settings_modal.access_control_tab_heading')} />
-        <HelpText title={t('settings_modal.access_control_tab_help_text_title')} placement='top'>
+        <HelpText
+          size='small'
+          title={t('settings_modal.access_control_tab_help_text_title')}
+          className={classes.helpText}
+        >
           {t('settings_modal.access_control_tab_help_text_heading')}
         </HelpText>
       </div>