게시물 섹션에서 이 항목들을 표시하지 않도록 하는 방법이 있을까요?

이런 메시지들입니다:

피드가 정말 지저분해져요, 특히 모바일에서는요. 알림으로만 보내줬으면 좋겠습니다. 매번 시스템 메시지가 뜨면 지워야 하고, 스태프가 게시물에 조치를 취했다는 메시지도 계속 지워야 해서 꽤 짜증나거든요.

CSS를 작성하여 이를 숨기는 방법을 시도해 볼 수 있습니다. 제가 확인한 바로는, 주제 내의 모든 게시글은 post-stream 클래스가 있는 div 요소 안에 포함되어 있습니다. 해당 메시지들은 small-action 및 onscreen-post 클래스가 있는 article 요소인 것으로 보입니다. CSS 선택기로 인해 다른 유형의 메시지도 함께 숨겨지지 않도록 주의하는 것이 좋습니다!

네, 이렇게 하는 걸 생각 중이었어요:

.small-action {
display: none
}

근데 이런 메시지 말고 다른 종류의 메시지가 어떻게 표시되는지 잘 모르겠어요. 혹시 이런 것들의 목록을 어디서 찾을 수 있을까요?

음, 전체 목록은 잘 모르겠지만, small-action을 사용하는 다른 요소가 적어도 하나 더 있다는 걸 알아냈어요: 바로 마지막 방문 라인이에요! :grin:
image
article.small-action.onscreen-post가 충분히 구체적이어서 다른 요소에 영향을 주지 않을 거라고 기대합니다.

이 방식이 완벽할 것 같지만, 스태프가 아닌 내 계정에서는 작동하지 않으며, 로그인하지 않은 사용자들에게도 적용되지 않습니다. 이상한 점이 보이시나요?

아래 코드만으로도 아무 효과가 없습니다:

.small-action.onscreen-post {
    Display:none;
}

이것은 제가 몇몇 테마에서 CSS 관련 작업을 위해 만든 컴포넌트에서 실행되고 있습니다.

나 같은 경우, Meta에서 비스태프(비직원)로 이 코드가 작동합니다:

.small-action.onscreen-post {
    display: none;
}

display를 실수로 대문자로 쓴 것 같지 않나요?

한 가지 더, 이 설정이 가끔 이상한 시각적 버그를 일으킬 수 있습니다:

네, 그냥 소문자 display를 사용해도 전에 시도했을 때 여전히 작동하지 않았어요.

이 버그는 모든 사람에게 나타나요, 아니면 스태프만 볼 수 있나요? 하지만 네, CSS가 여전히 저에게는 작동하지 않네요 :frowning:

스태프에게 보여주는 거라면, 스태프를 제외한 모든 사람이 볼 수 있습니다.

!important를 붙여보세요, 보통 그걸로 해결됩니다 :upside_down_face:

.small-action.onscreen-post {
    display: none !important;
}

정말 이상해요. 중요한 부분을 포함해도 여전히 숨겨지지 않아요. 음.而且 여러 테마에서 그런 현상이 발생하고 있어요. 제가 이 작업을 위해 컴포넌트를 사용하고 있기 때문일까요?

컴포넌트가 테마에 적용되었는지 확인하시겠습니까?

네, 적용된 것으로 표시되며, 제가 시도해 본 두 가지 모두에 해당됩니다.

이상하네요. 테스트 컴포넌트를 만들어 봤는데, 제 환경에서는 잘 동작합니다. 이 컴포넌트를 시도해 보시겠어요?

아, 대체 무슨 일이야? 너 쪽에서는 잘 작동하네, ㅋㅋ. 근데 나 쪽에는 똑같은 게 들어있거든.

아, 근데 테마에서 내 컴포넌트를 비활성화했다가 다시 적용했더니 이제 잘 작동하네… 대체 무슨 일이야?

아마도 캐싱 문제였을까요?

브라우저에서 말하는 거예요? 그렇다면 별로라고 생각해요. 여러 브라우저에서 시크릿 모드로 시도해 봤거든요. 혹시 버그를 발견한 건가, 하하?

수정: 생각해보니, 약 12시간 전에도 비슷한 문제가 있었어요. CSS 설정 중 하나가 갑자기 작동하지 않아서 다시 적용해야 했거든요. 지금이 생각나기 전까지는 완전히 잊고 있었는데, 하루 18시간씩 사이트를 만들고 있으니 그런 일이 예상되는 거겠죠 :upside_down_face:

구문은 중요하며, 콜론 뒤에가 아니라 앞에 공백이 있어서 동작하지 않았습니다. 또한 프로퍼티를 대문자로 시작하지 않는 것이 좋습니다.

inspect를 통해 스타일을 적용할 때 문제가 되는 것 같지 않지만, 구문 강조기(syntax highlighter)를 혼란스럽게 합니다: