From ab26162217a2095251d85ac4e43860481cc39698 Mon Sep 17 00:00:00 2001
From: Eliseu Amaro <mail@eliseuama.ro>
Date: Sat, 25 Sep 2021 22:30:46 +0100
Subject: [PATCH] [CARDS][Profile] No longer ids, now classes (CSS). Profile
 info nickname for instance. The inversion filter now actually works.

---
 public/assets/css/base.css             | 6 +++---
 templates/cards/profile/view.html.twig | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 3e604b9aec..a294a15d3e 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -602,10 +602,10 @@ hr {
     box-shadow: var(--shadow);
 }
 
-.profile > text {
+.profile *[class*="profile-info-"] {
     flex: 1;
-    filter: invert(1) !important;
-    mix-blend-mode: difference !important;
+    mix-blend-mode: difference;
+    filter: invert(1);
 }
 
 .profile-info {
diff --git a/templates/cards/profile/view.html.twig b/templates/cards/profile/view.html.twig
index ad207ac3e4..44166d2b87 100644
--- a/templates/cards/profile/view.html.twig
+++ b/templates/cards/profile/view.html.twig
@@ -8,7 +8,7 @@
         <a href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
             <div class="profile-info">
                 <img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
-                <strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
+                <strong class="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
 
                 <section class="profile-info-bio">
                     {% if actor_bio %}