ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

Fix navbar button misalignments (#16)

Browse Source 
The notifications, chat, and drafts buttons had their icons pinned to the left of the hover box while search was centered.

Root cause: Harmony's notifications/chats/drafts links (pulled in at runtime from core partials, not this repo) carry Bootstrap's justify-content-between utility class, which is !important and beat the theme's justify-content: center on .wg-topbar__utility-list .nav-link. The search link doesn't have that class, so it centered correctly.

Reviewed-on: #16
Co-authored-by: vickydotbat <vickydotbat@tutamail.com>
Co-committed-by: vickydotbat <vickydotbat@tutamail.com>
This commit was merged in pull request #16.
This commit is contained in:
archvillainette
2026-07-08 11:33:43 +00:00
committed by archvillainette
parent 848caadb35
commit 355095d4ec
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_topbar.scss
+2 -1
View File
@@ -135,7 +135,8 @@ $wg-topbar-panel-bg: linear-gradient(
} }
.wg-topbar__utility-list .nav-link { .wg-topbar__utility-list .nav-link {
justify-content: center; // beat Bootstrap's !important .justify-content-between on notifications/chats/drafts links
justify-content: center !important;
width: 2.35rem; width: 2.35rem;
height: 2.35rem; height: 2.35rem;
padding: 0; padding: 0;