fix(menu): ajusta aparencia do menu

Ajusta a aparência do componente nos navegadores Safari e Firefox. Fixes DTHFUI-7743
po-ui · Oct 17, 2023 · 04c7ba7 · 04c7ba7
1 parent 0093d3b
commit 04c7ba7
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/src/css/components/po-menu/po-menu-item/po-menu-item.css b/src/css/components/po-menu/po-menu-item/po-menu-item.css
@@ -32,7 +32,7 @@
   gap: 1em;
   justify-content: flex-start;
   position: relative;
-  word-break: break-all;
+  word-break: break-word;
 }
 
 .po-menu-item:not(.po-menu-item-no-data):enabled:active,
@@ -82,7 +82,7 @@
   font-weight: var(--font-weight-lvl1);
 }
 
-.po-menu-item-level-two::before {
+.po-menu-sub-items .po-menu-item-level-two::before {
   content: '';
   padding-left: var(--spacing-2xl);
 }
@@ -91,7 +91,7 @@
   font-weight: var(--font-weight-lvl1);
 }
 
-.po-menu-item-level-three::before {
+.po-menu-sub-items .po-menu-item-level-three::before {
   content: '';
   padding-left: var(--spacing-4xl);
 }
@@ -100,7 +100,7 @@
   font-weight: var(--font-weight-lvl1);
 }
 
-.po-menu-item-level-four::before {
+.po-menu-sub-items .po-menu-item-level-four::before {
   content: '';
   padding-left: var(--spacing-4xl);
 }
@@ -117,6 +117,14 @@
   transition: max-height 0.2s ease-in;
 }
 
+.po-menu-sub-items-list {
+  list-style: none;
+}
+
+.po-menu-sub-items-list-item {
+  display: block;
+}
+
 .po-collapsed-menu .po-menu-item {
   justify-content: center;
   padding-inline: var(--spacing-xs);

diff --git a/src/css/components/po-menu/po-menu.css b/src/css/components/po-menu/po-menu.css
@@ -44,6 +44,14 @@
   overflow-y: auto;
 }
 
+.po-menu-list {
+  list-style: none;
+}
+
+.po-menu-list-item {
+  display: block;
+}
+
 .po-collapsed-menu .po-menu-header-container-logo {
   padding-inline: var(--spacing-xs);
 }