vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6682 - For MegaMenu

pull/6697/head
tugcekucukoglu 2024-10-31 10:15:20 +03:00
parent 03c9826afc
commit ea39452589
1 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packages/primevue/src/megamenu/style/MegaMenuStyle.js
View File

@ -126,6 +126,11 @@ const theme = ({ dt }) => `
box-shadow: ${dt('megamenu.overlay.shadow')};
}
.p-megamenu-overlay:dir(rtl) {
left: auto;
right: 0;
}
.p-megamenu-root-list > .p-megamenu-item-active > .p-megamenu-overlay {
display: block;
}
@ -148,7 +153,7 @@ const theme = ({ dt }) => `
}
.p-megamenu-separator {
border-top: 1px solid ${dt('megamenu.separator.border.color')};
border-block-start: 1px solid ${dt('megamenu.separator.border.color')};
}
.p-megamenu-horizontal {
@ -168,6 +173,11 @@ const theme = ({ dt }) => `
align-self: center;
}
.p-megamenu-horizontal .p-megamenu-end:dir(rtl) {
margin-left: 0;
margin-right: auto;
}
.p-megamenu-vertical {
display: inline-flex;
min-width: 12.5rem;
@ -187,10 +197,21 @@ const theme = ({ dt }) => `
top: 0;
}
.p-megamenu-vertical .p-megamenu-root-list > .p-megamenu-item-active > .p-megamenu-overlay:dir(rtl) {
left: auto;
right: 100%;
}
.p-megamenu-vertical .p-megamenu-root-list > .p-megamenu-item > .p-megamenu-item-content .p-megamenu-submenu-icon {
margin-left: auto;
}
.p-megamenu-vertical .p-megamenu-root-list > .p-megamenu-item > .p-megamenu-item-content .p-megamenu-submenu-icon:dir(rtl) {
margin-left: 0;
margin-right: auto;
transform: rotate(180deg);
}
.p-megamenu-grid {
display: flex;
}
@ -236,7 +257,7 @@ const theme = ({ dt }) => `
border: 0 none;
background: transparent;
border-radius: ${dt('megamenu.mobile.button.border.radius')};
transition: background ${dt('megamenu.transition.duration')}, color ${dt('megamenu.transition.duration')}, outline-color ${dt('megamenu.transition.duration')}, ox-shadow ${dt('megamenu.transition.duration')};
transition: background ${dt('megamenu.transition.duration')}, color ${dt('megamenu.transition.duration')}, outline-color ${dt('megamenu.transition.duration')}, box-shadow ${dt('megamenu.transition.duration')};
outline-color: transparent;
}
@ -274,6 +295,11 @@ const theme = ({ dt }) => `
box-shadow: ${dt('megamenu.overlay.shadow')};
}
.p-megamenu-mobile .p-megamenu-root-list:dir(rtl) {
left: auto;
right: 0;
}
.p-megamenu-mobile-active .p-megamenu-root-list {
display: block;
}
@ -301,6 +327,11 @@ const theme = ({ dt }) => `
transition: transform 0.2s;
}
.p-megamenu-mobile .p-megamenu-root-list > .p-megamenu-item > .p-megamenu-item-content .p-megamenu-submenu-icon:dir(rtl) {
margin-left: 0;
margin-right: auto;
}
.p-megamenu-mobile .p-megamenu-root-list > .p-megamenu-item-active > .p-megamenu-item-content .p-megamenu-submenu-icon {
transform: rotate(-180deg);
}