モバイルでの左側ハンバーガーメニュー

カスタマイズ テーマコンポーネント
46

CSS を共有してください！TC の修正がより簡単になります。

47

これはいくらかハック的な方法ですが（/mobile/css ではなく common/css で実行します）

@use "lib/viewport";

@include viewport.until(md) {
  .d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
  }
}
48

申し訳ありませんが、このコンポーネントを常に最新の状態に保つまで手が回っておりませんでした。ただし、モバイル/デスクトップ表示からの移行により、元のテーマコンポーネントが前提としていたいくつかの部分が確かに壊れてしまいました。

@Lilly、この件についてご指摘いただきありがとうございます。当面は position: absolute で対応可能ですが、ここではコンポーネント内のアイテムの並べ替えを単純な CSS グリッドで解決しています。

「いいね！」 2