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

Refactor #6682 - For PanelMenu

pull/6697/head
tugcekucukoglu 2024-10-31 10:10:46 +03:00
parent b2d8ba06ae
commit 49d8f2142e
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/primevue/src/panelmenu/style/PanelMenuStyle.js
View File

@ -19,14 +19,14 @@ const theme = ({ dt }) => `
.p-panelmenu-panel:first-child { .p-panelmenu-panel:first-child {
border-width: ${dt('panelmenu.panel.first.border.width')}; border-width: ${dt('panelmenu.panel.first.border.width')};
border-top-left-radius: ${dt('panelmenu.panel.first.top.border.radius')}; border-start-start-radius: ${dt('panelmenu.panel.first.top.border.radius')};
border-top-right-radius: ${dt('panelmenu.panel.first.top.border.radius')}; border-start-end-radius: ${dt('panelmenu.panel.first.top.border.radius')};
} }
.p-panelmenu-panel:last-child { .p-panelmenu-panel:last-child {
border-width: ${dt('panelmenu.panel.last.border.width')}; border-width: ${dt('panelmenu.panel.last.border.width')};
border-bottom-left-radius: ${dt('panelmenu.panel.last.bottom.border.radius')}; border-end-start-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
border-bottom-right-radius: ${dt('panelmenu.panel.last.bottom.border.radius')}; border-end-end-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
} }
.p-panelmenu-header { .p-panelmenu-header {
@ -61,6 +61,10 @@ const theme = ({ dt }) => `
color: ${dt('panelmenu.submenu.icon.color')}; color: ${dt('panelmenu.submenu.icon.color')};
} }
.p-panelmenu-header:not(.p-panelmenu-header-active) .p-panelmenu-submenu-icon:dir(rtl) {
transform: rotate(-180deg);
}
.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
background: ${dt('panelmenu.item.focus.background')}; background: ${dt('panelmenu.item.focus.background')};
color: ${dt('panelmenu.item.focus.color')}; color: ${dt('panelmenu.item.focus.color')};
@ -94,6 +98,10 @@ const theme = ({ dt }) => `
list-style: none; list-style: none;
} }
.p-panelmenu-submenu:dir(rtl) {
padding: 0 ${dt('panelmenu.submenu.indent')} 0 0;
}
.p-panelmenu-item-link { .p-panelmenu-item-link {
display: flex; display: flex;
gap: ${dt('panelmenu.item.gap')}; gap: ${dt('panelmenu.item.gap')};