Obsidian：モバイルツールバーの浮力を上げる

ボタンもコンパクトに。

Floating navigation

今回のアップデートでツールバーのフローティングがつきました。 これで以前のcssはお役御免かと思ったのですが。

なんかアイテムがでかい。

mobilebar.css

全体にギュッと絞ってみます。

.is-mobile .mobile-toolbar {
  position: absolute;
  display: flex;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 90%;
  border: 0;
  border-radius: 3rem;
  margin-bottom: 0.4rem;

  .mobile-toolbar-option {
    transform: scale(0.8);
    margin-left: -3px;
    margin-right: -3px;
  }

}

こんな感じで。

アイテムのサイズも間隔も詰めたけど違和感なし。

まとめ

Commanderで二段にもできるけど、やりすぎ感が半端ない。