|
|
| Line 284: |
Line 284: |
|
| |
|
|
| |
|
| | | /* Color the real Timeless hamburger yellow */ |
| | | .skin-timeless #mw-header-hamburger .mw-ui-icon:before { |
| | | color: #ffff00 !important; |
| | |
| /* Force a visible yellow hamburger in Timeless header */ | |
| .skin-timeless #mw-header {
| |
| position: relative !important;
| |
| }
| |
| | |
| /* Overlay our own yellow hamburger symbol */
| |
| .skin-timeless #mw-header::before {
| |
| content: "≡";
| |
| position: absolute;
| |
| left: 12px; /* adjust horizontally */
| |
| top: 10px; /* adjust vertically */
| |
| font-size: 28px;
| |
| color: #ffff00;
| |
| z-index: 9999;
| |
| pointer-events: auto; /* <-- now it can receive clicks */
| |
| }
| |
| | |
| /* Make the overlay click trigger the real menu toggle */
| |
| .skin-timeless #mw-header::before { | |
| cursor: pointer;
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| /* Reset Timeless hamburger alignment */
| |
| #mw-header-hamburger .mw-ui-icon-element {
| |
| position: relative !important;
| |
| top: 0 !important;
| |
| margin: 0 !important;
| |
| padding: 0.75em !important; /* keeps tap target usable */
| |
| height: auto !important;
| |
| transform: none !important; /* kills Timeless’s sneaky translateY */
| |
| }
| |
| | |
| /* Ensure the icon itself doesn’t drift */
| |
| #mw-header-hamburger .mw-ui-icon-element .mw-ui-icon, | |
| #mw-header-hamburger .mw-ui-icon-element .mw-ui-icon:before {
| |
| position: relative !important; | |
| top: 0 !important;
| |
| margin: 0 !important;
| |
| }
| |
| | |
| #mw-header-hamburger .mw-ui-icon-element { | |
| top: 0 !important;
| |
| } | | } |
