duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-19 15:06:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(toolbar): add missing CSS rule for the mentions icon

Browse Source 
The toolbar renders a mentions button (`ToolbarItemView icon="mentions"` ->
`<div class="nitro-icon icon-mentions">`) and the asset
`assets/images/toolbar/icons/mentions.png` (72x64) exists, but icons.css had
no `.nitro-icon.icon-mentions` rule - so the element had no background image
and, since the base `.nitro-icon` sets no size, rendered at 0x0 (invisible).

Add the rule, sized at half the asset (36x32, preserving the 9:8 aspect) with
`background-size: contain`, matching the other toolbar icon definitions.
This commit is contained in:
simoleo89
2026-06-06 20:43:42 +02:00
parent 110363ab1c
commit f73bbb467c
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/icons/icons.css
+7
View File
@@ -36,6 +36,13 @@
height: 36px; height: 36px;
} }
.nitro-icon.icon-mentions {
background-image: url("@/assets/images/toolbar/icons/mentions.png");
background-size: contain;
width: 36px;
height: 32px;
}
.nitro-icon.icon-buildersclub { .nitro-icon.icon-buildersclub {
background-image: url("@/assets/images/toolbar/icons/buildersclub.png"); background-image: url("@/assets/images/toolbar/icons/buildersclub.png");
background-size: contain; background-size: contain;