Fix navbar button misalignments (#16)
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:
@@ -135,7 +135,8 @@ $wg-topbar-panel-bg: linear-gradient(
|
||||
}
|
||||
|
||||
.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;
|
||||
height: 2.35rem;
|
||||
padding: 0;
|
||||
|
||||
Reference in New Issue
Block a user