UserCSS:プロジェクト名をnavbarに入れる
takker - /takker/scrapboxのtitleをnav barに固定するUserCSS
code:style.css
@media screen {
.quick-launch .project-home {
position: fixed;
top: -2px;
/* left: 60px; /* brand-iconの幅に応じて変えてください */
left: 40px; /* brand-iconの幅に応じて変えてください */
z-index: 1000;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .project-home {
/* left: 75px; */
left: 55px;
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .project-home {
/* left: 90px; */
left: 70px;
}
}
@media screen and (min-width: 1261px) {
.quick-launch .project-home {
left: calc((100% - 1280px)/2 + 80px);
/* left: calc((100% - 1280px)/2 + 100px); */
}
}
.quick-launch .project-home {
--tool-text-color: var(--text-color, white);
}
grid-size-range と dropdown-toggle を非表示にする
code:style.css
inputtype="range".grid-size-range {
display: none;
}
UserCSS:ナビゲーションバー
UserCSS:プロジェクトホーム
UserCSS.icon
https://img.shields.io/badge/UserCSS-プロジェクト名をnavbarに入れる-1572B6.svg?logo=css3&style=for-the-badge