Menu flex display
parent
60130a3f12
commit
4dd9128400
|
@ -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;
|
||||
|
|
|
@ -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 = {
|
||||
|
|
|
@ -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 = {
|
||||
|
|
Loading…
Reference in New Issue