From cec16c7f5569df249f4dc06d1db0b214e44dacf5 Mon Sep 17 00:00:00 2001
From: Daniel Wilkowski <wilkowski.kontakt@gmail.com>
Date: Mon, 2 Dec 2024 11:32:38 +0100
Subject: [PATCH] Remove vcard header

---
 resources/sass/components/_vcard.scss | 16 +++---------
 resources/sass/core/_dark_topic.scss  |  4 ---
 resources/views/components/vcard.twig | 37 ++++++++++++---------------
 3 files changed, 19 insertions(+), 38 deletions(-)

diff --git a/resources/sass/components/_vcard.scss b/resources/sass/components/_vcard.scss
index dfd071e4b3..fbaba2c220 100644
--- a/resources/sass/components/_vcard.scss
+++ b/resources/sass/components/_vcard.scss
@@ -1,26 +1,16 @@
 #vcard {
-  padding: 5px;
+  padding: 2px;
   position: absolute;
   box-shadow: 0 3px 9px #444;
   z-index: 3;
   background-color: $gray-dark;
-  border-radius: $border-radius;
-}
-
-#vcard-header {
-  background-color: $gray;
-  color: #fff;
-  font-size: $font-size-base;
-  padding: 3px 0 3px 16px;
-
-  a {
-    color: inherit;
-  }
+  border-radius: 6px;
 }
 
 #vcard-content {
   background-color: #fff;
   padding: 15px;
+  border-radius: 4px;
 
   .list-inline {
     color: $gray-light;
diff --git a/resources/sass/core/_dark_topic.scss b/resources/sass/core/_dark_topic.scss
index d0c9bc2547..2bbfd892d9 100644
--- a/resources/sass/core/_dark_topic.scss
+++ b/resources/sass/core/_dark_topic.scss
@@ -451,10 +451,6 @@ body.theme-dark {
     padding: 0;
     background-color: #101010;
 
-    #vcard-header {
-      background-color: #101010;
-    }
-
     #vcard-content {
       background-color: #101010;
 
diff --git a/resources/views/components/vcard.twig b/resources/views/components/vcard.twig
index 9d174f8f07..a33db2beb7 100644
--- a/resources/views/components/vcard.twig
+++ b/resources/views/components/vcard.twig
@@ -2,25 +2,28 @@
 {% set created_at = user.created_at|format_date %}
 
 <div id="vcard">
-  <div id="vcard-header">
-    {{ user.name }}
-  </div>
-
   <div id="vcard-content">
     <div class="media">
       <div class="me-2 d-flex flex-column">
-        <div class="position-relative img-thumbnail">
-          <div class="vcard-avatar" style="width:55px; height:55px;">
-            {{ user_avatar(user.photo, user.name) }}
+        <div class="mb-2">
+          <strong>{{ user.name }}</strong>
+        </div>
+        <div>
+          <div class="d-inline-block">
+            <div class="position-relative img-thumbnail">
+              <div class="vcard-avatar" style="width:55px; height:55px;">
+                {{ user_avatar(user.photo, user.name) }}
+              </div>
+              {% if user.is_online %}
+                <div class="is-online"></div>
+              {% endif %}
+            </div>
           </div>
-          {% if user.is_online %}
-            <div class="is-online"></div>
-          {% endif %}
         </div>
       </div>
 
-      <div class="media-body">
-        <ul class="list-inline border-bottom text-truncate mb-2">
+      <div class="media-body ms-4">
+        <ul class="list-inline border-bottom text-truncate mb-3">
           <li class="list-inline-item" title="Ostatnia wizyta: {{ visited_at }}">
             {{ icon('vCardLastVisitDate') }}
             {{ visited_at }}
@@ -72,17 +75,9 @@
       <a href="{{ route('forum.user', [user.id]) }}" title="Znajdź posty użytkownika" class="btn btn-sm btn-secondary me-1">
         {{ icon('vCardUserFindPosts') }}
       </a>
-      <a href="{{ route('user.pm.submit', {to: user.name}) }}" title="Napisz wiadomość do tego użytkownika" class="btn btn-sm btn-secondary">
+      <a href="{{ route('user.pm.submit', {to: user.name}) }}" title="Napisz wiadomość do tego użytkownika" class="btn btn-sm btn-secondary me-1">
         {{ icon('vCardUserPrivateMessage') }}
       </a>
-      {% if can('adm-access') %}
-        <a href="{{ route('adm.firewall.save') }}?user={{ user.id }}" title="Zbanuj tego użytkownika" class="btn btn-sm btn-secondary float-end ms-1">
-          {{ icon('vCardUserBlock') }}
-        </a>
-        <a href="{{ route('adm.users.show', [user.id]) }}" title="Pokaż w panelu administracyjnym" class="btn btn-sm btn-secondary float-end">
-          {{ icon('vCardUserShowInAdmin') }}
-        </a>
-      {% endif %}
     </div>
   </div>
 </div>