display favicon when mobile

openpoke · Jun 3, 2024 · a9b1ac9 · a9b1ac9
1 parent d653521
commit a9b1ac9
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 4 deletions.
diff --git a/decidim-core/app/helpers/decidim/application_helper.rb b/decidim-core/app/helpers/decidim/application_helper.rb
@@ -105,5 +105,9 @@ def cell(name, model, options = {}, &)
     def prevent_timeout_seconds
       0
     end
+
+    def user_initials(name)
+      name.split.map(&:first).join.upcase
+    end
   end
 end
diff --git a/decidim-core/app/packs/stylesheets/decidim/_header.scss b/decidim-core/app/packs/stylesheets/decidim/_header.scss
@@ -129,7 +129,7 @@ header {
       }
 
       &__dropdown-before {
-        @apply before:block before:absolute before:-top-8 before:right-12 before:content-[""] before:bg-secondary before:w-24 before:h-8 before:-mt-8;
+        @apply before:block before:absolute before:-top-10 before:right-12 before:content-[""] before:bg-white before:w-24 before:h-12 before:-mt-8;
       }
 
       &__account {
@@ -154,6 +154,10 @@ header {
         .main-bar__avatar {
           @apply w-12 h-12;
         }
+
+        .account-container {
+          @apply before:block before:absolute before:top-16 before:right-14 before:content-[""] before:bg-white before:w-2 before:h-12 before:-mt-8;
+        }
       }
 
       &__item {
@@ -209,6 +213,10 @@ header {
       }
     }
 
+    &__avatar-name {
+      @apply w-6 h-6 flex items-center justify-center bg-secondary text-white rounded-full text-xs font-bold;
+    }
+
     /* overwrite default dropdown styles */
     [id*="dropdown-menu"] {
       @apply py-0 mx-0 w-full;

diff --git a/decidim-core/app/views/layouts/decidim/header/_main_links_mobile_account.html.erb b/decidim-core/app/views/layouts/decidim/header/_main_links_mobile_account.html.erb
@@ -1,7 +1,12 @@
 <div id="dropdown-menu-account-mobile" class="main-bar__links-mobile__account" aria-hidden="true">
   <div class="main-bar">
     <div class="main-bar__logo">
-      <%= render partial: "layouts/decidim/logo", locals: { organization: current_organization } %>
+      <div class="main-bar__logo-desktop">
+        <%= render partial: "layouts/decidim/logo", locals: { organization: current_organization } %>
+      </div>
+      <div class="lg:hidden">
+        <%= render partial: "layouts/decidim/logo_mobile", locals: { organization: current_organization } %>
+      </div>
     </div>
 
     <div>
@@ -11,7 +16,7 @@
     </div>
   </div>
 
-  <div class="p-4 container">
+  <div class="account-container p-4 container">
     <% if current_user.avatar.attached? %>
       <div class="main-bar__avatar">
         <%= image_tag(

diff --git a/decidim-core/app/views/layouts/decidim/header/_main_links_mobile_item_account.html.erb b/decidim-core/app/views/layouts/decidim/header/_main_links_mobile_item_account.html.erb
@@ -11,7 +11,9 @@
               ) %>
       </span>
     <% else %>
-      <%= icon "user-smile-line" %>
+      <div class="main-bar__avatar-name">
+        <%= user_initials(current_user.name) %>
+      </div>
     <% end %>
 
   </button>