Browse Source

v0.3.6 hard-fix hamburger visibility and button reset

main
def 4 weeks ago
parent
commit
43a047cccc
  1. 131
      brand.css

131
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;
}
}

Loading…
Cancel
Save