feat(user info): Show icon

Use an icon instead of a long sentence
saves some precious screen space and
is widely adopted.

Author: tvdeyen

app/assets/builds/alchemy/admin.css

@@ -21,7 +21,9 @@ module BaseHelper
       def current_alchemy_user_name
         name = current_alchemy_user.try(:alchemy_display_name)
         if name.present?
-          content_tag :span, "#{Alchemy.t("Logged in as")} #{name}", class: "current-user-name"
+          content_tag :span, class: "current-user-name" do
+            "#{render_icon(:user, size: "1x")} #{name}".html_safe
+          end
         end
       end
 

app/helpers/alchemy/admin/base_helper.rb

@@ -117,6 +117,9 @@ div#overlay_text_box {
   }
 
   .current-user-name {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-1);
     padding: 0 var(--spacing-3);
 
     @media screen and (max-width: vars.$large-screen-break-point) {

app/stylesheets/alchemy/admin/frame.scss

@@ -176,7 +176,7 @@ module Alchemy
         let(:user) { double("User", alchemy_display_name: "Peter Schroeder") }
 
         it "Returns a span showing the name of the currently logged in user." do
-          is_expected.to have_content("#{Alchemy.t("Logged in as")} Peter Schroeder")
+          is_expected.to have_content("Peter Schroeder")
           is_expected.to have_selector("span.current-user-name")
         end
       end