移动设备上的左侧汉堡菜单

自定义 主题组件
46

请分享您的 CSS！这将有助于我们更方便地修复 TC。

47

这是一个比较取巧的实现方式（在 common/css 中，而不是 /mobile/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 Grid 方案而已。

2 个赞