/takker/header menu を固定するUserCSS

generated at 11/17/2024, 5:17:43 AM
header menu を固定するUserCSS
新しいscrapboxのnav barが固定されるようになったので、このUserCSSは不要になりました
from import-old
scrapboxのnav barを固定するUserCSS

半透明にする
from /MISONLN41/Settings#5f2bee07ec4fce0000858276
style.csshtml[data-project-theme="green"] {
 --navbar-bg: rgba(41, 169, 114, 0.7);
}
html[data-project-theme="hacker1"] {
  --navbar-bg: rgba(64, 69, 81, 0.7);
}
html[data-project-theme="spring"] {
  --navbar-bg: rgba(2, 167, 137, 0.7);
}

mobile版scrapboxでも使えるcss
from /MISONLN41/Settings#5f2beddaec4fce0000814555
style.css .navbar {
   position: sticky;
   top: 0px;
   z-index: 51010;
 }
 
 .expandable-menu {
   z-index: 51011;
 }
 
 .page-menu {
   top: 70px;
 }
 
 .global-menu.dropdown-menu {
   overflow-y: scroll;
   max-height: calc(100vh - 58px);
 }
 
 .modal {
   z-index: 501013;
 }
 
 .modal-backdrop {
    z-index: 501012;
 }

/scrasobox/ヘッダーメニューを固定する
style.css_disabled/* はりつくメニューバー */
@media screen and (min-height: 600px) and (min-width: 768px) {
	.app:not(.presentation) { padding-top: 90px; padding-right: 0 !important }
    .app:not(.presentation) .page-menu { position: fixed; top: 90px }
    
    .navbar {
    	position: fixed; top: 0; left: 0; right: 0; z-index: 990; overflow: unset;
    }
    .dropdown.open .dropdown-menu {
    	position: absolute; left: auto; top: auto; 
    	max-height: calc(100vh - 100px); overflow-y: auto;
   	}
    .dropdown.open .dropdown-menu.global-menu { left: 0; top: 54px }
    .page-menu .dropdown.open .dropdown-menu { position: absolute; top: 0 } 
}

#nav_barを固定するUserCSS
#2021-02-05 18:28:22 
#2020-10-01 11:09:53