Easy Footer 테마 구성 요소로 인해 모바일 화면에서 텍스트 줄바꿈이 깨집니다

https://community.drownedinsound.com/에서 지난 몇 시간 동안 사이트에서 줄바꿈이 적용되지 않는 등 다른 이상한 UI 동작이 발생하고 있습니다. 이 문제는 모바일 뷰에서만 나타나고 있습니다.

같은 문제를 호소하는 사람들의 스레드가 몇 개 있습니다. 따라서 이 문제는 제 계정에만 특이한 것이 아닙니다:
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

게시물 시간을 보면 이 문제가 약 12시간 전, 즉 2022년 5월 8일 20:30 (CEST)부터 시작되었음을 알 수 있습니다.

안녕하세요,

이 문제는 Easy Responsive Footer 로 인해 발생한 것으로 보입니다.
해당 컴포넌트에 #main-outlet이라는 CSS 라인이 있어 이 문제가 발생하고 있습니다.

테마 컴포넌트 토픽에서 이 문제에 대한 다른 보고 사항도 있습니다.


수정될 때까지 다음 임시 해결책을 사용할 수 있습니다.
/admin/customize/themes로 이동하여 새 컴포넌트를 생성하세요.
모바일 섹션 CSS를 클릭하고 다음 내용을 추가하세요.

#main-outlet {
  width: 100%;
  max-width: 100%;
}

위 게시물을 업데이트했습니다. max-width를 덮어쓰는 걸 깜빡했네요. @ma0sm, @AquaL1te

안녕하세요! 감사합니다. 하지만 관리자 설정에서 빠른 수정을 적용하려고 하면 다음과 같은 메시지가 표시됩니다:

디스코urs에서 원격 테마 편집이 비활성화되어 있습니다. 사용자 정의된 원격 테마를 로컬 테마로 전환하는 데 도움이 필요하시면 저희에게 연락해 주세요.

따라서 이 문제는 여러분이 도와주셔야 할 것 같습니다 :slight_smile:

추가 코드 스니펫을 포함하여 새로운 테마 컴포넌트를 추가하게 됩니다. :+1:

  • /admin/customize/themes로 이동하세요
  • 설치를 클릭한 후 새로 만들기를 선택하세요
  • 이름을 지정하고 '컴포넌트’를 선택하세요
  • 만들기
  • 테마에 추가하세요
  • CSS/HTML 편집 버튼을 클릭하고 모바일 탭의 CSS 필드에 코드를 붙여넣으세요
  • 저장하세요

감사합니다! 그걸로 해결이 됐네요! :grin:

좋아 보입니다! 빠른 도움 주셔서 정말 감사합니다!

하지만 이전보다 패딩이 더 많은 것 같습니다. 이것이 전체 수정이 적용되면 해결될 문제일까요?

이것은 광고가 모바일 너비에 맞지 않아서 그런 것 같습니다. 이전에 제가 올린 스니펫으로 만든 다른 컴포넌트와 함께 Easy responsive footer 를 비활성화해 보실 수 있을까요? 패딩 문제가 광고 때문인지 다른 원인 때문인지 확인하기 위해서입니다.

이 문제에 대한 가능한 해결책을 찾은 것 같습니다. :thinking:

이전과 동일한 새 컴포넌트에 아래 코드를 추가해서 어떻게 동작하는지 확인해 보실 수 있을까요? @dis_whiterussian 이전 스니펫 바로 아래에 붙여넣어 주세요.

.wrap {
  margin-left: unset;
  margin-right: unset;
}

감사합니다, 그렇게 하니까 해결됐네요!

easy footer에 수정 사항을 추가했습니다