2022-11-24 16:31:17 kphrxの投稿 kPherox@pl.kpherox.dev
mastodon v4.0+でナビゲーションパネルを下に持ってくるCSSメモ
icon

@media screen and (max-width: 889px) {
  .columns-area__panels__main {
    width: 100vw;
  }
  .columns-area__panels__pane--navigational {
    min-width: auto;
  }
  .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 48.5px;
  }
  .columns-area__panels__pane--navigational .navigation-panel {
    height: 100%;
    flex-direction: row;
  }
  .navigation-panel hr {
    display: none;
  }
}

icon

ダークとライトの背景と色を変えるCSS適用対象を絞ったのでハイコントラストとHostdonのblackのテーマの時には元のカラースキームになってblackは本来のカラムの色に戻った

icon

Draft: Mastodon v4.0.2 に対応 (!3) · Merge requests · kPherox / kancolle.social custom css · GitLab
gitlab.com/kphrx/kancolle-soci