From 4ec9da205cddb8b2ebdb2a43c1abd8e6b83306f2 Mon Sep 17 00:00:00 2001 From: Anubis <102488279+AnubisNekhet@users.noreply.github.com> Date: Thu, 21 Mar 2024 03:42:51 +0530 Subject: [PATCH 1/4] fix(lastfm): theme recs-feed icons --- styles/lastfm/catppuccin.user.css | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 07c2a24283..6dc5add65b 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -2,7 +2,7 @@ @name Last.fm Catppuccin @namespace github.com/catppuccin/userstyles/styles/lastfm @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lastfm -@version 1.1.7 +@version 1.1.8 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alastfm @description Soothing pastel theme for Last.fm @@ -368,10 +368,30 @@ .category-colors(); } } - .recs-feed-item .context::after, - .recs-feed .recs-feed-item .recs-feed-avatar::after { - background-color: var(--category-background) !important; + @media (min-width: 768px) { + .recs-feed .context:before { + border-radius: 50%; + content: ""; + height: 32px; + left: auto; + position: absolute; + right: 15px; + top: -16px; + width: 32px; + background: var(--category-background) !important; + z-index: 1; } + .recs-feed .recs-feed-item .context::after { + .mask-image(url("/static/images/icons/rec_types_16.93a8040cce71.png"), @crust, 0 0, 32px 160px, no-repeat); + z-index: 2; + } + .recs-feed .recs-feed-item--album .context::after { + -webkit-mask-position: 0 -64px; + } + .recs-feed .recs-feed-item--artist .context::after { + -webkit-mask-position: 0 -32px; + } + } .secondary-nav { box-shadow: inset 0 -1px @accent-color; } From 003f3d5de34cc7c1c8048c746a3f3581a2119795 Mon Sep 17 00:00:00 2001 From: Anubis <102488279+AnubisNekhet@users.noreply.github.com> Date: Thu, 21 Mar 2024 03:45:23 +0530 Subject: [PATCH 2/4] fix(lastfm): theme recs-feed loved icon --- styles/lastfm/catppuccin.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 6dc5add65b..992929ec63 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -392,6 +392,9 @@ -webkit-mask-position: 0 -32px; } } + .recs-feed .context-love-icon:before { + .mask-image(url("/static/images/icons/love_12.be2fe9170476.png"), @red, 0 0, 12px 12px, no-repeat); + } .secondary-nav { box-shadow: inset 0 -1px @accent-color; } From 81f7f8ec6a709be1d123db2c7df8dc03506e1367 Mon Sep 17 00:00:00 2001 From: Anubis <102488279+AnubisNekhet@users.noreply.github.com> Date: Thu, 21 Mar 2024 03:47:26 +0530 Subject: [PATCH 3/4] fix(lastfm): typo fix --- styles/lastfm/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 992929ec63..71b9360249 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -369,7 +369,7 @@ } } @media (min-width: 768px) { - .recs-feed .context:before { + .recs-feed .context::before { border-radius: 50%; content: ""; height: 32px; From d93d4925c72b6ff5027d24c3c31e79e1db8b43ca Mon Sep 17 00:00:00 2001 From: Anubis <102488279+AnubisNekhet@users.noreply.github.com> Date: Thu, 21 Mar 2024 03:48:03 +0530 Subject: [PATCH 4/4] fix(lastfm): typo fix (the fixening) --- styles/lastfm/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 71b9360249..f9beae3741 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -392,7 +392,7 @@ -webkit-mask-position: 0 -32px; } } - .recs-feed .context-love-icon:before { + .recs-feed .context-love-icon::before { .mask-image(url("/static/images/icons/love_12.be2fe9170476.png"), @red, 0 0, 12px 12px, no-repeat); } .secondary-nav {