fix: ensure MenuSectionHeader is dense when in the HoverMenuBar

dhis2 · Jul 3, 2023 · 1cec12e · 1cec12e
1 parent 70833ac
commit 1cec12e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/DownloadMenu/DownloadMenu.js b/src/components/DownloadMenu/DownloadMenu.js
@@ -19,14 +19,21 @@ const DownloadMenu = ({ download, hoverable }) => {
 
     return (
         <MenuComponent>
-            <MenuSectionHeader label={i18n.t('HTML')} hideDivider />
+            <MenuSectionHeader
+                label={i18n.t('HTML')}
+                hideDivider
+                dense={hoverable}
+            />
             <MenuItemComponent
                 label={i18n.t('HTML+CSS (.html+css)')}
                 onClick={() =>
                     download(DOWNLOAD_TYPE_TABLE, FILE_FORMAT_HTML_CSS)
                 }
             />
-            <MenuSectionHeader label={i18n.t('Plain data source')} />
+            <MenuSectionHeader
+                label={i18n.t('Plain data source')}
+                dense={hoverable}
+            />
             <PlainDataSourceSubMenu
                 hoverable={hoverable}
                 download={download}

diff --git a/src/components/DownloadMenu/PlainDataSourceSubMenu.js b/src/components/DownloadMenu/PlainDataSourceSubMenu.js
@@ -24,6 +24,7 @@ export const PlainDataSourceSubMenu = ({
             <MenuSectionHeader
                 label={i18n.t('Metadata ID scheme')}
                 hideDivider
+                dense={hoverable}
             />
             <MenuItemComponent
                 label={i18n.t('ID')}