74 lines
1.9 KiB
CSS
74 lines
1.9 KiB
CSS
/**
|
|
* MegaMenu CSS for Classic SharePoint Pages
|
|
* Version: 1.0.2
|
|
*
|
|
* This file imports the exact same CSS as the modern SPFx version
|
|
* to ensure 100% visual consistency.
|
|
*
|
|
* Usage:
|
|
* 1. Copy the compiled MegaMenu.css from src/extensions/megaMenu/ to your SharePoint assets
|
|
* 2. Reference it in your master page or via alternate CSS URL:
|
|
* <link rel="stylesheet" href="/SiteAssets/MegaMenu.css" />
|
|
*
|
|
* This file provides additional classic-specific adjustments if needed.
|
|
*/
|
|
|
|
/*
|
|
* The main MegaMenu.css should be loaded first!
|
|
* This file only contains classic SharePoint specific overrides.
|
|
*/
|
|
|
|
/* Classic SharePoint specific container adjustments */
|
|
.megamenu-classic-container {
|
|
/* Insert after s4-titlerow or other SharePoint containers */
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Ensure proper z-index in classic SharePoint context */
|
|
#Mega-Menu {
|
|
position: relative;
|
|
z-index: 999; /* Below SharePoint dialogs but above content */
|
|
}
|
|
|
|
.mega-menu {
|
|
z-index: 1000; /* Above the main menu */
|
|
}
|
|
|
|
/* Classic SharePoint ribbon compatibility */
|
|
body.ms-backgroundImage #Mega-Menu {
|
|
/* Adjust if SharePoint has background images */
|
|
position: relative;
|
|
}
|
|
|
|
/* Ensure settings panel works in classic mode too */
|
|
.mm-settings-panel {
|
|
z-index: 4001; /* Above everything else */
|
|
}
|
|
|
|
/* Classic SharePoint v4.master specific adjustments */
|
|
.v4master #Mega-Menu {
|
|
/* Any v4.master specific styles if needed */
|
|
}
|
|
|
|
/* Classic SharePoint seattle.master specific adjustments */
|
|
.seattle #Mega-Menu {
|
|
/* Any seattle.master specific styles if needed */
|
|
}
|
|
|
|
/* Responsive adjustments for classic SharePoint layouts */
|
|
@media (max-width: 1024px) {
|
|
.megamenu-classic-container {
|
|
/* Classic SharePoint is often used on older devices */
|
|
overflow-x: auto;
|
|
}
|
|
}
|
|
|
|
/* Print styles for classic SharePoint */
|
|
@media print {
|
|
#Mega-Menu,
|
|
.megamenu-classic-container {
|
|
display: none !important;
|
|
}
|
|
} |