휴대폰에서 편집 창이 너무 작네요

기여 UX
36

이전 주제에 대한 답변입니다. Yt.w는 다음과 같은 이유로 특정 조건에서 도구 모음을 기본적으로 비활성화하고 싶어 했습니다:

그에 대한 코드를 작성해 볼 수 있을 것 같다고 생각했습니다. 이것은 즉각적인 임시 조치일 뿐입니다.
실제로 Discourse에서는 기본적으로 창 너비가 370px 미만이거나 Android인 경우 도구 모음이 숨겨집니다.

const storedVal = keyValueStore.get("toolbar-enabled");
if (this._toolbarEnabled === undefined && storedVal === undefined) {
  // iPhone 6는 375px이며, 이보다 좁으면 도구 모음이
  // 기본적으로 비활성화되어야 합니다.
  // 다만 상태는 기억해 두어야 합니다.
  this._toolbarEnabled =
    window.innerWidth > 370 && !this.capabilities.isAndroid;
}

제 코드는 이 동작을 모든 모바일 뷰로 일반화하기 위한 확장일 뿐입니다.

동의합니다. 다른 접근 방식으로는 버거 아이콘이 도구 모음을 토글한다는 것을 사용자에게 어떤 방식으로든 교육하는 것이 있을 수 있습니다!

1개의 좋아요