사이드바 헤더 드롭다운에 두 개의 열이 표시됩니다

[tomtjes (Thomas Reintjes)]

최근 업데이트 후 사이드바의 헤더 드롭다운 버전에서 내 인스턴스(Minima 테마)에 두 개의 열이 표시됩니다. 의도된 것처럼 보이지 않습니다.

[david (David Taylor)]

추가된 열은 의도적으로 추가된 것입니다(이 커밋 참고), 하지만 이렇게 좁아서는 안 되는 것 같습니다

(cc @awesomerobot)

[Lilly (Lillian)]

앞으로 몇 주 안에 우리 사이트에 드롭다운 사이드바를 적용할 예정입니다. (아직 레거시 햄버거 메뉴를 사용 중입니다.) 시각적으로 레거시 메뉴와 더 유사하게 만들어 주는 2열 뷰를 좋아합니다. 컬럼 너비를 CSS 코드로 접근할 수 있을까요?

[awesomerobot (Kris)]

@david

이렇게 좁아야 하는 건 아닌 것 같은데요

테마가 기존 메뉴를 단일 열로 강제했는데, 이는 새 메뉴와 잘 어울리지 않아서 여기서는 제거했습니다:

UX: remove max-width on hamburger menu (#3)

보고해 주셔서 감사합니다 @tomtjes!

@Lilly

레거시 메뉴와 시각적으로 더 비슷하게 만들어 주는 2열 뷰를 좋아합니다. CSS 코드로 열 너비를 조정할 수 있나요?

네, 추가한 관련 CSS는 다음과 같습니다:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr; 
}

따라서 테마에서 단일 열로 되돌리려면 다음과 같이 하면 됩니다:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr; 
  // 열 너비를 수정하려면 `30% 70%` 같은 것도 가능합니다
  // 또는 3개의 동일한 열을 원하면 `1fr 1fr 1fr`을 사용할 수 있습니다
}

code

또는 메뉴 전체를 더 넓게 만들고 싶다면 (열은 자동으로 조정됩니다) 다음과 같은 방법을 사용할 수 있습니다:

.hamburger-panel .revamped  {
   width: 500px;
}

[tomtjes (Thomas Reintjes)]

완벽합니다! 빠른 수정과 추가 설명 감사합니다!

[Lilly (Lillian)]

상세한 정보 감사합니다 @awesomerobot