Module:NavboxMobile/styles.css: Difference between revisions

No edit summary
No edit summary
Line 79: Line 79:




/* Narrowing styles for Level 2 content */
/* Level 2 Content */
.navboxMobile-list-level2 {
.navboxMobile-list-level2 {
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */
     box-shadow: inset 5px 0 #fff, inset -5px 0 #fff; /* Narrowing effect */
     width: 95%; /* Matches Lua adjustment */
     width: 95%; /* Matches Lua adjustment */
     box-sizing: border-box;
     box-sizing: border-box;
    overflow: hidden; /* Ensures content stays within box-shadow bounds */
    white-space: normal; /* Prevents text from breaking bounds due to nowrap */
}
}


Line 97: Line 99:




/* Narrowing styles for Level 3 content */
/* Level 3 Content */
.navboxMobile-list-level3 {
.navboxMobile-list-level3 {
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Narrowing effect */
     box-shadow: inset 10px 0 #fff, inset -10px 0 #fff; /* Narrowing effect */
     width: 90%; /* Matches Lua adjustment */
     width: 90%; /* Matches Lua adjustment */
     box-sizing: border-box;
     box-sizing: border-box;
    overflow: hidden; /* Ensures content stays within box-shadow bounds */
    white-space: normal; /* Prevents text from breaking bounds due to nowrap */
}
}