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

Menu flex display

pull/5756/head
tugcekucukoglu 2024-05-10 11:57:09 +03:00
parent 60130a3f12
commit 4dd9128400
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/contextmenu/style/ContextMenuStyle.js
View File

@ -21,6 +21,8 @@ const theme = ({ dt }) => `
.p-contextmenu-submenu { .p-contextmenu-submenu {
position: absolute; position: absolute;
display: flex;
flex-direction: column;
min-width: 100%; min-width: 100%;
z-index: 1; z-index: 1;
padding: 0.25rem 0.25rem; padding: 0.25rem 0.25rem;

6
components/lib/menubar/style/MenubarStyle.js
View File

@ -25,8 +25,8 @@ const theme = ({ dt }) => `
flex-wrap: wrap; flex-wrap: wrap;
} }
.p-menubar-root-list > .p-menubar-item-active > .p-menubar-submenu { .p-menubar-submenu {
display: block; flex-direction: column
} }
.p-menubar-item-content { .p-menubar-item-content {
@ -243,7 +243,7 @@ const theme = ({ dt }) => `
`; `;
const inlineStyles = { const inlineStyles = {
submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'block' : 'none' }) submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })
}; };
const classes = { const classes = {

2
components/lib/tieredmenu/style/TieredMenuStyle.js
View File

@ -129,7 +129,7 @@ const theme = ({ dt }) => `
`; `;
const inlineStyles = { const inlineStyles = {
submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'block' : 'none' }) submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })
}; };
const classes = { const classes = {