From 43a047ccccdf899300008231f375bb14310d8163 Mon Sep 17 00:00:00 2001 From: def Date: Mon, 6 Apr 2026 23:17:54 +0000 Subject: [PATCH] v0.3.6 hard-fix hamburger visibility and button reset --- brand.css | 131 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) diff --git a/brand.css b/brand.css index dc46fec..95e5365 100644 --- a/brand.css +++ b/brand.css @@ -416,3 +416,134 @@ html[data-theme="light"] .otb-dot{ gap:16px !important; } } + +/* ===== OTB hamburger hard fix ===== */ +.otb-menu-toggle{ + display:none !important; + appearance:none !important; + -webkit-appearance:none !important; + background:transparent !important; + border:0 !important; + box-shadow:none !important; + outline:none !important; + padding:0 !important; + margin:0 0 0 auto !important; + width:46px !important; + height:42px !important; + align-items:center !important; + justify-content:center !important; + flex-direction:column !important; + gap:5px !important; + cursor:pointer !important; +} + +.otb-menu-toggle::before, +.otb-menu-toggle::after{ + content:none !important; + display:none !important; +} + +.otb-menu-toggle span{ + display:block !important; + width:20px !important; + height:2px !important; + min-height:2px !important; + max-height:2px !important; + background:var(--otb-text) !important; + border-radius:2px !important; + margin:0 !important; + padding:0 !important; +} + +@media (min-width: 1101px){ + .otb-menu-toggle{ + display:none !important; + visibility:hidden !important; + pointer-events:none !important; + width:0 !important; + height:0 !important; + overflow:hidden !important; + } + + .site-nav-right{ + display:flex !important; + width:auto !important; + flex-direction:row !important; + align-items:center !important; + gap:16px !important; + padding-top:0 !important; + } + + .site-navlinks{ + display:flex !important; + flex-direction:row !important; + align-items:center !important; + width:auto !important; + gap:16px !important; + } +} + +@media (max-width: 1100px){ + .otb-menu-toggle{ + display:flex !important; + visibility:visible !important; + pointer-events:auto !important; + width:46px !important; + height:42px !important; + overflow:visible !important; + border:1px solid var(--otb-border) !important; + background:rgba(255,255,255,0.04) !important; + border-radius:12px !important; + } + + .site-nav{ + display:flex !important; + align-items:center !important; + justify-content:space-between !important; + gap:14px !important; + flex-wrap:wrap !important; + } + + .site-brand{ + min-width:0 !important; + flex:1 1 auto !important; + } + + .site-nav-right{ + display:none !important; + width:100% !important; + flex-direction:column !important; + align-items:flex-start !important; + gap:14px !important; + padding-top:10px !important; + } + + .site-nav-right.otb-nav-open{ + display:flex !important; + } + + .site-navlinks{ + width:100% !important; + display:flex !important; + flex-direction:column !important; + align-items:flex-start !important; + gap:10px !important; + } + + .site-navlinks > a, + .dropdown{ + width:100% !important; + } + + .dropdown-toggle{ + width:100% !important; + justify-content:flex-start !important; + } + + .dropdown-menu{ + position:static !important; + min-width:0 !important; + width:100% !important; + margin-top:8px !important; + } +}