manuel
8월 28, 2024, 8:51오전
1
작은 정렬 오류가 있습니다:
더 일반적인 관점에서 말씀드리자면, 데스크톱 보기에서는 이제 로고가 사이드바 위에 배치되었기 때문에 작은 로고가 더 이상 유용하지 않아 보입니다. 실제로 이는 주제 제목이 주제 왼쪽으로 크게 치우치게 만듭니다. 충분한 공간이 있으므로 로고를 바로 위에 유지할 수 있었을 텐데 말이죠:
하지만 데스크톱과 모바일은 동일한 작은 로고 설정을 사용합니다. 모바일에서는 매우 좁은 작은 로고가 없으면 헤더 레이아웃이 실제로 엉망이 될 것입니다.
따라서 현재로서는 데스크톱에서 모든 헤더 상태에 대해 동일한 로고를 유지하는 것이 옵션으로 보이지 않습니다. 이 문제를 해결할 계획이 있나요?
3개의 좋아요
manuel
8월 28, 2024, 9:18오전
3
개인적으로는 중앙 정렬 레이아웃을 꽤 좋아하는데.. 좋은 힌트를 주셨네요! 커스텀 테마라면 전체 너비 컴포넌트가 사용하는 수정 코드를 추가할 수 있을 것 같아요:
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");
// Leave the logo alone when the site's default behavior is preferred.
if (settings.use_default_logo_behavior) {
return;
}
// 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;
show original
코드의 주석을 빌리자면, 지금까지는 좀 더 간단한 monkey-patching 아이디어만 가지고 있었거든요
2개의 좋아요
