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

View File

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

View File

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

View File

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