Meta上跳跃的标志过渡

manuel · 2024 年8 月 28 日 09:18

我通常很喜欢居中布局……但那是个很棒的提示！至少在自定义主题中，我可以添加全宽组件使用的修改代码：

github.com/discourse/discourse-full-width-component

javascripts/discourse/api-initializers/full-width.gjs

main

import Component from "@glimmer/component";
import HomeLogo from "discourse/components/header/home-logo";
import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {
  document.body.classList.add("full-width-enabled");

  // When the sidebar is visible, force the HomeLogo to be in an 'un-minimized' state.
  const transformerExists = api.registerValueTransformer?.(
    "home-logo-minimized",
    ({ value, context }) => {
      if (value && context.showSidebar) {
        return false;
      }
      return value;
    }
  );

  if (transformerExists) {
    return;

This file has been truncated. show original

因为，套用代码注释的话，到目前为止我只有一些 Monkey-patching 的想法

话题		回复	浏览量
Any way to change at what width the small logo appears? Development	8	247	2026 年7 月 29 日
Logo, aka. shortcut to home, is hidden on full-width themes Site feedback	2	323	2024 年4 月 2 日
Left side hamburger menu on mobile Theme component mobile	51	4845	2026 年8 月 31 日
Stuck in Desktop view on mobile from long logo Support	3	597	2020 年11 月 30 日
Big Header - Little Header Theme component	40	8783	2026 年2 月 16 日

Meta上跳跃的标志过渡

相关话题