From 914a8ec86667d0cad8de7bfc95325f28c68b0f31 Mon Sep 17 00:00:00 2001 From: Bojan Mojsilovic Date: Wed, 24 Apr 2024 16:28:51 +0200 Subject: [PATCH] Change reaction icons --- src/assets/icons/bookmark_empty.svg | 4 +- src/assets/icons/bookmark_filled.svg | 4 +- src/assets/icons/feed_like.svg | 4 +- src/assets/icons/feed_like_fill.svg | 4 +- src/assets/icons/feed_reply.svg | 11 +- src/assets/icons/feed_reply_fill.svg | 11 +- src/assets/icons/feed_repost.svg | 6 +- src/assets/icons/feed_repost_fill.svg | 6 +- src/assets/icons/feed_zap_2.svg | 4 +- src/assets/icons/feed_zap_fill_2.svg | 155 +----------------- .../BookmarkNote/BookmarkNote.module.scss | 26 +-- src/components/NavLink/NavLink.module.scss | 4 +- .../Note/NoteFooter/NoteFooter.module.scss | 8 +- 13 files changed, 42 insertions(+), 205 deletions(-) diff --git a/src/assets/icons/bookmark_empty.svg b/src/assets/icons/bookmark_empty.svg index cdbcca5..4aed6c4 100644 --- a/src/assets/icons/bookmark_empty.svg +++ b/src/assets/icons/bookmark_empty.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/icons/bookmark_filled.svg b/src/assets/icons/bookmark_filled.svg index df8ad00..2ef1065 100644 --- a/src/assets/icons/bookmark_filled.svg +++ b/src/assets/icons/bookmark_filled.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/icons/feed_like.svg b/src/assets/icons/feed_like.svg index bd34559..0c28bd2 100644 --- a/src/assets/icons/feed_like.svg +++ b/src/assets/icons/feed_like.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/icons/feed_like_fill.svg b/src/assets/icons/feed_like_fill.svg index ff5ad67..33ac4dd 100644 --- a/src/assets/icons/feed_like_fill.svg +++ b/src/assets/icons/feed_like_fill.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/icons/feed_reply.svg b/src/assets/icons/feed_reply.svg index 195f7fe..abc3506 100644 --- a/src/assets/icons/feed_reply.svg +++ b/src/assets/icons/feed_reply.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/src/assets/icons/feed_reply_fill.svg b/src/assets/icons/feed_reply_fill.svg index a15a5da..1b02b6d 100644 --- a/src/assets/icons/feed_reply_fill.svg +++ b/src/assets/icons/feed_reply_fill.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/src/assets/icons/feed_repost.svg b/src/assets/icons/feed_repost.svg index 106e48d..9970e84 100644 --- a/src/assets/icons/feed_repost.svg +++ b/src/assets/icons/feed_repost.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/icons/feed_repost_fill.svg b/src/assets/icons/feed_repost_fill.svg index 93467cb..703928b 100644 --- a/src/assets/icons/feed_repost_fill.svg +++ b/src/assets/icons/feed_repost_fill.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/icons/feed_zap_2.svg b/src/assets/icons/feed_zap_2.svg index 9e1bbe6..8d7bdcc 100644 --- a/src/assets/icons/feed_zap_2.svg +++ b/src/assets/icons/feed_zap_2.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/assets/icons/feed_zap_fill_2.svg b/src/assets/icons/feed_zap_fill_2.svg index 2053ced..5eb9236 100644 --- a/src/assets/icons/feed_zap_fill_2.svg +++ b/src/assets/icons/feed_zap_fill_2.svg @@ -1,154 +1,3 @@ - - - - - - - - - - - - - - - - - - - + + diff --git a/src/components/BookmarkNote/BookmarkNote.module.scss b/src/components/BookmarkNote/BookmarkNote.module.scss index 2c40e82..218b9e1 100644 --- a/src/components/BookmarkNote/BookmarkNote.module.scss +++ b/src/components/BookmarkNote/BookmarkNote.module.scss @@ -1,37 +1,39 @@ .bookmark { .emptyBookmark { - width: 16px; - height: 16px; + width: 18px; + height: 18px; display: inline-block; margin: 0px 0px; background-color: var(--text-tertiary); - -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%; - mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%; + -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / auto 100%; + mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / auto 100%; &.large { - width: 20px; - height: 20px; + width: 22px; + height: 22px; } } .fullBookmark { - width: 16px; - height: 16px; + width: 18px; + height: 18px; display: inline-block; margin: 0px 0px; background-color: var(--active-bookmarked); - -webkit-mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 100%; - mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / 100%; + -webkit-mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / auto 100%; + mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / auto 100%; &.large { - width: 20px; - height: 20px; + width: 22px; + height: 22px; } } &:hover { .emptyBookmark { background-color: var(--active-bookmarked); + -webkit-mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / auto 100%; + mask: url(../../assets/icons/bookmark_filled.svg) no-repeat 0 / auto 100%; } } } diff --git a/src/components/NavLink/NavLink.module.scss b/src/components/NavLink/NavLink.module.scss index f71f86b..79274a4 100644 --- a/src/components/NavLink/NavLink.module.scss +++ b/src/components/NavLink/NavLink.module.scss @@ -75,8 +75,8 @@ } .bookmarkIcon { @include iconNav; - -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%; - mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / 100%; + -webkit-mask: url(../../assets/icons/bookmark_empty.svg) no-repeat 0 / auto 100%; + mask: url(../../assets/icons/bookmark_empty.svg) no-repeat center 0 / auto 100%; } .active { diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss index c7add8c..f3128f3 100644 --- a/src/components/Note/NoteFooter/NoteFooter.module.scss +++ b/src/components/Note/NoteFooter/NoteFooter.module.scss @@ -1,11 +1,11 @@ @mixin statIcon { - width: 16px; - height: 16px; + width: 18px; + height: 18px; background-color: var(--text-tertiary-2); &.large { - width: 20px; - height: 20px; + width: 22px; + height: 22px; } }