Streamにアクセスするボタンを表示するCSS
from Settings
Streamにアクセスするボタンを表示するCSS
右上に(Streamページへのリンクボタン)を表示する
更新ログ
2024-05-01 19:56:12 デザイン変更に対応
2024-02-23
セレクターを
app.css に合わせた位置を調整した
style.css.navbar .navbar-menu > li.stream-btn {
display: block !important;
> a { color: var(--navbar-icon-color, #fff); }
}
!importantなしで書けないかな？
一応やってみた
_style.css.navbar .navbar-menu > li.stream-btn.hidden-xs {
display: block;
> a { color: var(--navbar-icon-color, #fff); }
}
767px以下で非表示になってるけど意図したものなのか？
@media と衝突してるのかな(今PCないので調べられない)ご推察の通り
.hidden-xs がメディアクエリ内で定義されていますあれ、
display: none !important ってことはやっぱ!important要るじゃん真面目な調査なしでも
.navbar.navbar.navbar.navbar.navbar.navbar.navbar .navbar-menu > li.stream-btn みたいな書き方して無理やり詳細度上げたら必要なくなる強引で草
重複判定しないんかい
そこは仕様の闇
app.cssに合わせて上書きすれば!importantを使う必要はないのだけど、.hidden-xsの上書きはどう考えても!importantだろと思ったのでそうしている
.navbar .navbar-menu > li.stream-btn だとシンプルだし!importantを上書きしなければならないので使っていたのを思い出した Streamにアクセスするボタンを表示するCSS#6633970fffff36000092d315
app.css@media(max-width: 767px) {
.hidden-xs {
display:none !important
}
}色を変える
井戸端クリスマスモードUserCSSに同様の記述があるので不要
_style.csshtml[data-assets-version^="assets-202212"] .quick-launch .project-home, .kamon-activity:before {
color: hsl(39.7, 93.7%, 56.7%);
}