How restrict access to button pin/unpin

Dev
1

i try this code in header

document.addEventListener("DOMContentLoaded", function() {
    setTimeout(() => {
        let userTrustLevel = parseInt(Discourse.User.current().trust_level);
        
        if (userTrustLevel < 4) {
            document.querySelectorAll(".pin-topic, .unpin-topic").forEach(button => {
                button.style.pointerEvents = "none"; 
                button.style.opacity = "0.5"; 
                button.title = "You don't have permission to pin topics"; 
            });
        }
    }, 1000);  complet
});

and in css

.d-header-icons .pin-topic, 
.d-header-icons .unpin-topic, 
.controls .pin-topic, 
.controls .unpin-topic {
    display: none !important;
}

but simple user with trust 1 or 0 can tap to pin button and can see it.

Automatically unpin topics when the user reaches the bottom by default. this is off
Automatically unpin topics when the user reaches the bottom. this is off

2

Hey, welcome! :wave:

Are you talking about these buttons?

The image shows an online post interface with options to share, bookmark, and reply, labeled under "Unpinned" and "Normal," where "Normal" is selected and displays that notifications will be provided for mentions. (Captioned by AI)
The image shows an online post interface with options to share, bookmark, and reply, labeled under "Unpinned" and "Normal," where "Normal" is selected and displays that notifications will be provided for mentions. (Captioned by AI)650×167 5.63 KB

You can hide the buttons with CSS only.

Install first this component: CSS Classes for Current User's Groups. It will add the current user group names, e.g., group-<name>, into the <body> element.

Then you can target anything:

:not(.group-trust_level_4) #topic-footer-buttons .pinned-button {
  display: none;
}
5 Likes
3

Also note there are several places a topic can be pinned/unpinned:

4 Likes