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

Fixed #4819 - MegaMenu responsiveness updates

pull/4825/head
tugcekucukoglu 2023-11-15 14:30:23 +03:00
parent b863e77837
commit 4c314d5b24
61 changed files with 2736 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/megamenu/MegaMenu.d.ts vendored
View File

@ -106,6 +106,10 @@ export interface MegaMenuPassThroughOptions {
* Used to pass attributes to the separator's DOM element. * Used to pass attributes to the separator's DOM element.
*/ */
separator?: MegaMenuPassThroughOptionType; separator?: MegaMenuPassThroughOptionType;
/**
* Used to pass attributes to the mobile popup menu button's DOM element.
*/
menubutton?: MegaMenuPassThroughOptionType;
/** /**
* Used to pass attributes to the start of the component. * Used to pass attributes to the start of the component.
*/ */

69
components/lib/megamenu/MegaMenu.vue
View File

@ -3,6 +3,24 @@
<div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')"> <div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
<slot name="start"></slot> <slot name="start"></slot>
</div> </div>
<a
v-if="model && model.length > 0"
ref="menubutton"
role="button"
tabindex="0"
:class="cx('menubutton')"
:aria-haspopup="model.length && model.length > 0 ? true : false"
:aria-expanded="mobileActive"
:aria-controls="id"
:aria-label="$primevue.config.locale.aria?.navigation"
@click="menuButtonClick($event)"
@keydown="menuButtonKeydown($event)"
v-bind="ptm('menubutton')"
>
<slot name="menubuttonicon">
<BarsIcon v-bind="ptm('menubuttonicon')" />
</slot>
</a>
<MegaMenuSub <MegaMenuSub
:ref="menubarRef" :ref="menubarRef"
:id="id + '_list'" :id="id + '_list'"
@ -19,6 +37,7 @@
:horizontal="horizontal" :horizontal="horizontal"
:templates="$slots" :templates="$slots"
:activeItem="activeItem" :activeItem="activeItem"
:mobileActive="mobileActive"
:level="0" :level="0"
:pt="pt" :pt="pt"
:unstyled="unstyled" :unstyled="unstyled"
@ -35,7 +54,8 @@
</template> </template>
<script> <script>
import { DomHandler, ObjectUtils, UniqueComponentId } from 'primevue/utils'; import BarsIcon from 'primevue/icons/bars';
import { DomHandler, ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import BaseMegaMenu from './BaseMegaMenu.vue'; import BaseMegaMenu from './BaseMegaMenu.vue';
import MegaMenuSub from './MegaMenuSub.vue'; import MegaMenuSub from './MegaMenuSub.vue';
@ -52,6 +72,7 @@ export default {
data() { data() {
return { return {
id: this.$attrs.id, id: this.$attrs.id,
mobileActive: false,
focused: false, focused: false,
focusedItemInfo: { index: -1, key: '', parentKey: '' }, focusedItemInfo: { index: -1, key: '', parentKey: '' },
activeItem: null, activeItem: null,
@ -84,6 +105,7 @@ export default {
}); });
}, },
beforeUnmount() { beforeUnmount() {
this.mobileActive = false;
this.unbindOutsideClickListener(); this.unbindOutsideClickListener();
this.unbindResizeListener(); this.unbindResizeListener();
}, },
@ -109,7 +131,35 @@ export default {
isProccessedItemGroup(processedItem) { isProccessedItemGroup(processedItem) {
return processedItem && ObjectUtils.isNotEmpty(processedItem.items); return processedItem && ObjectUtils.isNotEmpty(processedItem.items);
}, },
toggle(event) {
if (this.mobileActive) {
this.mobileActive = false;
ZIndexUtils.clear(this.menubar);
this.hide();
} else {
this.mobileActive = true;
ZIndexUtils.set('menu', this.menubar, this.$primevue.config.zIndex.menu);
setTimeout(() => {
this.show();
}, 1);
}
this.bindOutsideClickListener();
event.preventDefault();
},
show() {
this.focusedItemInfo = { index: this.findFirstFocusedItemIndex(), level: 0, parentKey: '' };
DomHandler.focus(this.menubar);
},
hide(event, isFocus) { hide(event, isFocus) {
if (this.mobileActive) {
this.mobileActive = false;
setTimeout(() => {
DomHandler.focus(this.$refs.menubutton);
}, 0);
}
this.activeItem = null; this.activeItem = null;
this.focusedItemInfo = { index: -1, key: '', parentKey: '' }; this.focusedItemInfo = { index: -1, key: '', parentKey: '' };
@ -237,16 +287,22 @@ export default {
this.hide(originalEvent); this.hide(originalEvent);
this.changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1); this.changeFocusedItemInfo(originalEvent, rootProcessedItem ? rootProcessedItem.index : -1);
this.mobileActive = false;
DomHandler.focus(this.menubar); DomHandler.focus(this.menubar);
} }
} }
}, },
onItemMouseEnter(event) { onItemMouseEnter(event) {
if (this.dirty) { if (!this.mobileActive && this.dirty) {
this.onItemChange(event); this.onItemChange(event);
} }
}, },
menuButtonClick(event) {
this.toggle(event);
},
menuButtonKeydown(event) {
(event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
},
onArrowDownKey(event) { onArrowDownKey(event) {
if (this.horizontal) { if (this.horizontal) {
if (ObjectUtils.isNotEmpty(this.activeItem) && this.activeItem.key === this.focusedItemInfo.key) { if (ObjectUtils.isNotEmpty(this.activeItem) && this.activeItem.key === this.focusedItemInfo.key) {
@ -398,7 +454,7 @@ export default {
if (!this.outsideClickListener) { if (!this.outsideClickListener) {
this.outsideClickListener = (event) => { this.outsideClickListener = (event) => {
const isOutsideContainer = this.container && !this.container.contains(event.target); const isOutsideContainer = this.container && !this.container.contains(event.target);
const isOutsideTarget = this.popup ? !(this.target && (this.target === event.target || this.target.contains(event.target))) : true; const isOutsideTarget = !(this.target && (this.target === event.target || this.target.contains(event.target)));
if (isOutsideContainer && isOutsideTarget) { if (isOutsideContainer && isOutsideTarget) {
this.hide(); this.hide();
@ -420,6 +476,8 @@ export default {
if (!DomHandler.isTouchDevice()) { if (!DomHandler.isTouchDevice()) {
this.hide(event, true); this.hide(event, true);
} }
this.mobileActive = false;
}; };
window.addEventListener('resize', this.resizeListener); window.addEventListener('resize', this.resizeListener);
@ -586,7 +644,8 @@ export default {
} }
}, },
components: { components: {
MegaMenuSub: MegaMenuSub MegaMenuSub: MegaMenuSub,
BarsIcon: BarsIcon
} }
}; };
</script> </script>

5
components/lib/megamenu/MegaMenuSub.vue
View File

@ -49,6 +49,7 @@
:items="submenu.items" :items="submenu.items"
:templates="templates" :templates="templates"
:level="level + 1" :level="level + 1"
:mobileActive="mobileActive"
:pt="pt" :pt="pt"
:unstyled="unstyled" :unstyled="unstyled"
@item-click="$emit('item-click', $event)" @item-click="$emit('item-click', $event)"
@ -100,6 +101,10 @@ export default {
type: Object, type: Object,
default: null default: null
}, },
mobileActive: {
type: Boolean,
default: false
},
items: { items: {
type: Array, type: Array,
default: null default: null

42
components/lib/megamenu/style/MegaMenuStyle.js
View File

@ -45,6 +45,14 @@ const css = `
list-style: none; list-style: none;
} }
.p-megamenu-button {
display: none;
cursor: pointer;
align-items: center;
justify-content: center;
text-decoration: none;
}
/* Horizontal */ /* Horizontal */
.p-megamenu-horizontal { .p-megamenu-horizontal {
align-items: center; align-items: center;
@ -112,7 +120,37 @@ const css = `
width: 100%; width: 100%;
} }
.p-megamenu-mobile .p-megamenu-grid { .p-megamenu.p-megamenu-mobile .p-megamenu-button {
display: flex;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
position: absolute;
display: none;
width: 100%;
}
.p-megamenu.p-megamenu-mobile .p-submenu-list {
width: 100%;
position: static;
box-shadow: none;
border: 0 none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
width: 100%;
position: static;
}
.p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
display: flex;
flex-direction: column;
top: 100%;
left: 0;
z-index: 1;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-grid {
flex-wrap: wrap; flex-wrap: wrap;
overflow: auto; overflow: auto;
max-height: 90%; max-height: 90%;
@ -129,11 +167,13 @@ const classes = {
'p-megamenu p-component', 'p-megamenu p-component',
{ {
'p-megamenu-mobile': instance.queryMatches, 'p-megamenu-mobile': instance.queryMatches,
'p-megamenu-mobile-active': instance.mobileActive,
'p-megamenu-horizontal': instance.horizontal, 'p-megamenu-horizontal': instance.horizontal,
'p-megamenu-vertical': instance.vertical 'p-megamenu-vertical': instance.vertical
} }
], ],
start: 'p-megamenu-start', start: 'p-megamenu-start',
menubutton: 'p-megamenu-button',
menu: 'p-megamenu-root-list', menu: 'p-megamenu-root-list',
submenuHeader: ({ instance, processedItem }) => [ submenuHeader: ({ instance, processedItem }) => [
'p-megamenu-submenu-header p-submenu-header', 'p-megamenu-submenu-header p-submenu-header',

46
public/themes/arya-blue/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/arya-green/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/arya-orange/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/arya-purple/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -4458,6 +4458,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -4458,6 +4458,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/bootstrap4-light-blue/theme.css
View File

@ -4458,6 +4458,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/bootstrap4-light-purple/theme.css
View File

@ -4458,6 +4458,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.7);
background: transparent;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/fluent-light/theme.css
View File

@ -4421,6 +4421,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #0078d4; color: #0078d4;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #0078d4;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #0078d4;
background: #f3f2f1;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #edebe9;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/lara-dark-amber/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-blue/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-cyan/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-indigo/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-pink/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-purple/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-teal/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-dark-turquoise/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #374151;
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #424b57;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/lara-light-amber/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #fef08a;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-blue/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-cyan/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a5f3fc;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-indigo/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-pink/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #fbcfe8;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-purple/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-teal/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a7f3d0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/lara-light-turquoise/theme.css
View File

@ -4440,6 +4440,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6b7280; color: #6b7280;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6b7280;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6b7280;
background: #f3f4f6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99f6e4;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #e5e7eb;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/luna-amber/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #dedede; color: #dedede;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #dedede;
background: #4c4c4c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #4b4b4b;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/luna-blue/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #dedede; color: #dedede;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #dedede;
background: #4c4c4c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #4b4b4b;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/luna-green/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #dedede; color: #dedede;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #dedede;
background: #4c4c4c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #4b4b4b;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/luna-pink/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #dedede; color: #dedede;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #dedede;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #dedede;
background: #4c4c4c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #252525;
border: 1px solid #191919;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #4b4b4b;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/md-dark-deeppurple/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2.5rem;
height: 2.5rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/md-dark-indigo/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2.5rem;
height: 2.5rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/md-light-deeppurple/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/md-light-indigo/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/mdc-dark-indigo/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2b2b2b;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/mdc-light-deeppurple/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/mdc-light-indigo/theme.css
View File

@ -4470,6 +4470,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0; padding: 0.5rem 0;

46
public/themes/mira/theme.css
View File

@ -4474,6 +4474,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #81A1C1; color: #81A1C1;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #81A1C1;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #81A1C1;
background: #ffffff;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C0D0E0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #E5E9F0;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/nano/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #697077; color: #697077;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 1rem;
height: 1rem;
color: #697077;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #697077;
background: #dde1e6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #90c9f5;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 1.5rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/nova-accent/theme.css
View File

@ -4421,6 +4421,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #333333; color: #333333;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #333333;
background: #eaeaea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #d8dae2;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/nova-alt/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #333333; color: #333333;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #333333;
background: #eaeaea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #d8dae2;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/nova-vue/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #333333; color: #333333;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #333333;
background: #eaeaea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #d8dae2;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/nova/theme.css
View File

@ -4433,6 +4433,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #333333; color: #333333;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #333333;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #333333;
background: #eaeaea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 1px solid #c8c8c8;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #d8dae2;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/rhea/theme.css
View File

@ -4421,6 +4421,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #666666; color: #666666;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #666666;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #666666;
background: #eaeaea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0;
background: #ffffff;
border: 1px solid #eaeaea;
box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dadada;
margin: 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.571rem;
}
.p-menu { .p-menu {
padding: 0; padding: 0;

46
public/themes/saga-blue/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6c757d; color: #6c757d;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6c757d;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/saga-green/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6c757d; color: #6c757d;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6c757d;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/saga-orange/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6c757d; color: #6c757d;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6c757d;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/saga-purple/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #6c757d; color: #6c757d;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #6c757d;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #6c757d;
background: #e9ecef;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/soho-dark/theme.css
View File

@ -4445,6 +4445,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e0d8fc;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #333544;
border: 1px solid #3e4053;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #3e4053;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/soho-light/theme.css
View File

@ -4445,6 +4445,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #708da9; color: #708da9;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #708da9;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #708da9;
background: #f6f9fc;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #c7bbfa;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #eff3f8;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #dfe7ef;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/tailwind-light/theme.css
View File

@ -4481,6 +4481,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #71717A; color: #71717A;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #71717A;
border-radius: 50%;
transition: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #71717A;
background: #f4f4f5;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #f3f4f6;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/vela-blue/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/vela-green/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/vela-orange/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/vela-purple/theme.css
View File

@ -4446,6 +4446,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1f2d40;
border: 1px solid #304562;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.25rem 0; padding: 0.25rem 0;

46
public/themes/viva-dark/theme.css
View File

@ -4478,6 +4478,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(158, 173, 230, 0.08);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #9eade6;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0.5rem;
background: #161d21;
border: 2px solid #263238;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #263238;
margin: 4px 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.3s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.3s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;

46
public/themes/viva-light/theme.css
View File

@ -4478,6 +4478,52 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #898989; color: #898989;
} }
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: #898989;
border-radius: 50%;
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
color: #898989;
background: #edf0fA;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem #bbc7ee;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0.5rem;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #ebebeb;
margin: 4px 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.3s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.3s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
.p-menu { .p-menu {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;