as the title suggests, I am looking for a way to remove the lock badge for some categories, but not for others.
I managed to do this for the category-drop-header, since I can use the category ID to only remove the lock icon for this category, instead of globally.
I did not, however, manage to remove the icon for the badge in the category overview (cf. screenshot) and in the drop-down list of categories in the search.
Do you have any suggestions for me? I’m pretty new to working with CSS and I’ve exhausted my own approaches.
// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/MY-CATEGORY-SLUG1"],
[href="/c/MY-CATEGORY-SLUG2"],
[href="/c/MY-CATEGORY-SLUG3"] {
.fa-lock {
display: none;
}
}
Just replace the MY-CATEGORY-SLUG# part with the slugs of the categories you want to have the lock icon hidden.
Unfortunately there isn’t enough to work with in the HTML to pick and choose which categories show the lock icon in the dropdown search results with CSS, so it’s all or nothing for that part. You will need to decide if you want to show or hide the lock for all restricted categories. If you want to show it, just remove this part: .search-menu .results .restricted,
Hopefully that gets you pretty close to what you are looking for!
네, 부활(리바이벌)을 해서 죄송하지만, 이 문제를 해결하지 못하겠습니다. 슬러그가 "off-topic"인 우리 라운지의 잠금 아이콘을 숨기려고 시도하고 있습니다. 우리 라운지는 기본 설치된 것이 아니라 생성된 카테고리이며, 비회원이 볼 수 없도록 권한을 설정해 두었습니다. 하지만 멤버십 시스템이 이를 잠긴 카테고리로 인식하기 때문에 잠금 아이콘이 표시되는 것을 원하지 않습니다.
아래 코드를 CSS에 추가해야 하는 것 같습니다:
// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/off-topic"] {
.fa-lock {
display: none;
}
}
하지만 여전히 잠금 아이콘이 남아 있습니다. 전역적으로 대체하는 것은 원하지 않으며, 카테고리 드롭다운에서도 잠금 아이콘을 숨기는 아이디어를 좋아합니다.
CSS를 잠금 아이콘에 적용하는 것이 몇몇 부분에서 다소 까다롭다는 점을 인지하여, 이를 쉽게 처리할 수 있도록 테마 컴포넌트를 만들었습니다. 이 컴포넌트는 선택된 보안 카테고리에서 잠금 아이콘을 숨기며, 브레드크럼 드롭다운 선택기, 헤더 바 브레드크럼, 내비게이션 사이드바 메뉴 및 해당 채팅 채널에 적용됩니다.
@Lilly 감사합니다. 며칠 전에 작성해주신 첫 답변을 확인했고, 방금 시간을 내서 편집을 해보려다 보니, 단순히 제가 작업하기 쉽게 만들어주신 것뿐만 아니라, 같은 문제를 해결하려는 수많은 사람들에게 큰 도움이 될 훌륭한 테마 컴포넌트까지 만들어주셨다는 걸 알게 되었습니다. 이 문제에 대해 시간을 내어 노력해 주셔서 정말 감사합니다. 진심으로 감사드립니다.
