How to add a new button inside quick-access-profile?

dev
1

Hello !

Is it possible to add a new link on this section :

Capture d’écran 2024-03-05 à 10.33.36
Capture d’écran 2024-03-05 à 10.33.36980×946 46.6 KB

It would be between “preference” and “notifications”. By either editing my theme or adding a new plugin.

Thank you !

2

Hello! Welcome back. :slight_smile:

You have an API function addQuickAccessProfileItem where it can insert an item before the logout button.

For example:

<script type="text/discourse-plugin" version="0.8">
api.addQuickAccessProfileItem({
  icon: "pencil-alt",
  href: "/somewhere",
  content: "Test"
})
</script>

The image shows a computer user interface with a dropdown menu that includes options such as Summary, Activity, Invites, Drafts, Preferences, Pause notifications, Test, and Log Out. (Captioned by AI)

Then you can use CSS to reorder the items (that not ideal, but not much choice)

.user-menu {
    .summary { order: 1 }
    .activity { order: 2 }
    .invites { order: 3 }
    .drafts { order: 4 }
    .preferences { order: 5 }
    
    /* yours here */
    .test { order: 6 }
    
    .do-not-disturb { order: 7 }
    .logout { order: 8 }
}

image

Hope that helps. :+1:

9 Likes
3

Thank you very much !

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.