はぬマーク+メモ

Fedibirdの「モダン」テーマはウィンドウ幅が狭い時の表示がイマイチなので調整しました。 2024-03-02 20:25更新

Windows 11 + Microsoft Edge 121 + Stylusで動作確認しています。 他の環境、特にモバイルでは意図しない表示になる可能性があります。

.layout-single-column:is(.theme-modern-dark, .theme-modern-light) {
  /* 投稿ボタンの位置を調整 */
  #mastodon .floating-action-button {
    bottom: calc(env(safe-area-inset-bottom) + 1.3125rem + 70px);
  }

  /* タブバーがスクロールできないのを修正 */
  :is(#mastodon, .public-layout) .tabs-bar {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
  }

  /* 「タブバーを下に配置する」がオンの場合のレイアウトを調整 */
  @media (max-width: 895px) {
    :is(#mastodon, .public-layout) .tabs-bar__wrapper .tabs-bar.bottom-bar {
      width: 100%;
      position: unset;
    }
  }

  /* タブバーの各項目のpaddingを調整 */
  :is(#mastodon, .public-layout) .tabs-bar__wrapper .tabs-bar a {
    padding-block: 10px;
  }

  /* タブバーのメニューボタンの位置を調整 */
  .tabs-bar :is(.tabs-bar__external-link, .tabs-bar__link).hamburger.short-label i {
    margin: 10px;
  }

  @media (max-width: 895px) {
   .is-composing .columns-area__panels__main {
      padding-bottom: 0 !important;
    }
  }
}