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

feat: style topbar unread dropdown rows

Browse Source
This commit is contained in:
archvillainette
2026-07-17 18:19:36 +02:00
parent 6dca9b61b1
commit c155437557
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_topbar.scss
+14 -1
View File
@@ -172,10 +172,23 @@ $wg-topbar-panel-bg: rgba(21, 17, 26, 0.98);
.wg-topbar .notifications-dropdown, .wg-topbar .notifications-dropdown,
.wg-topbar .chats-dropdown, .wg-topbar .chats-dropdown,
.wg-topbar .drafts-dropdown { .wg-topbar .drafts-dropdown,
.wg-topbar .unread-dropdown {
width: min(24rem, calc(100vw - 1.5rem)); width: min(24rem, calc(100vw - 1.5rem));
} }
.wg-topbar .wg-unread-item {
display: flex;
align-items: baseline;
gap: 0.5rem;
}
.wg-topbar .wg-unread-item__category {
margin-left: auto;
flex-shrink: 0;
opacity: 0.7;
}
.wg-topbar .dropdown-item, .wg-topbar .dropdown-item,
.wg-topbar .btn.btn-ghost, .wg-topbar .btn.btn-ghost,
.wg-topbar .btn.btn-light { .wg-topbar .btn.btn-light {
tests/global-topbar-contract.test.js
+6
View File
@@ -174,3 +174,9 @@ assertMatches(
/href="\{relative_path\}\/unread"[^>]*>[\s\S]*?component="unread\/count"/, /href="\{relative_path\}\/unread"[^>]*>[\s\S]*?component="unread\/count"/,
'Mobile drawer actions should include an Unread link with count badge' 'Mobile drawer actions should include an Unread link with count badge'
); );
assertIncludes(
stylesheet,
'.unread-dropdown',
'Topbar styles should cover the unread dropdown'
);