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

feat(mentions): dedicated toolbar icon sprite

Browse Source
This commit is contained in:
simoleo89
2026-05-31 22:19:54 +02:00
parent c1085aa4b1
commit cdabdedfbf
3 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/toolbar/icons/mentions.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

src/components/toolbar/ToolbarView.tsx
+2 -2
View File
@@ -336,7 +336,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
</motion.div> </motion.div>
{ mentionsEnabled && { mentionsEnabled &&
<motion.div variants={ itemVariants } className="relative"> <motion.div variants={ itemVariants } className="relative">
<ToolbarItemView icon="message" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" /> <ToolbarItemView icon="mentions" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
{ (mentionsUnread > 0) && { (mentionsUnread > 0) &&
<LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> } <LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> }
</motion.div> } </motion.div> }
@@ -432,7 +432,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
</motion.div> </motion.div>
{ mentionsEnabled && { mentionsEnabled &&
<motion.div variants={ itemVariants } className="relative"> <motion.div variants={ itemVariants } className="relative">
<ToolbarItemView icon="message" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" /> <ToolbarItemView icon="mentions" onClick={ () => CreateLinkEvent('mentions/toggle') } className="tb-icon" />
{ (mentionsUnread > 0) && { (mentionsUnread > 0) &&
<LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> } <LayoutItemCountView count={ mentionsUnread } className="absolute -right-2 -top-1" /> }
</motion.div> } </motion.div> }
src/css/icons/icons.css
+7
View File
@@ -229,6 +229,13 @@
height: 32px; height: 32px;
} }
.nitro-icon.icon-mentions {
background-image: url("@/assets/images/toolbar/icons/mentions.png");
background-size: contain;
width: 36px;
height: 32px;
}
.nitro-icon.icon-wired-tools { .nitro-icon.icon-wired-tools {
background-image: url("@/assets/images/wiredtools/wired_menu.png"); background-image: url("@/assets/images/wiredtools/wired_menu.png");
background-size: contain; background-size: contain;