From 8ede2bb3f0b7b1b6c8b94644fe1dec2a93ea828f Mon Sep 17 00:00:00 2001
From: Sebastien Curt <sebastien.curt@tetras-libre.fr>
Date: Tue, 22 Feb 2022 15:12:11 +0100
Subject: [PATCH] use sass for the user name display

---
 assets/styles/app.scss     | 6 ++----
 templates/layout.html.twig | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5ae0373..48d5485 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -52,10 +52,8 @@ $orange-button-bt: #FA772E;
   @include button-variant($orange-button-bt, $orange-button-bt, white, #f05b2b, #f05b2b);
 }
 
-#user-block {
-  text-align: right;
-  color: rgba(255,255,255,.5);
-  font-size: 14px;
+.gray-600 {
+  color:$gray-600;
 }
 
 .capsule-item {
diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index 8e30682..55b4ca6 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -25,7 +25,7 @@
   </a>
 
         {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
-          <div id="user-block" class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light">
+          <div class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light gray-600">
             <div class="fw-bold text-capitalize">{{ app.user.firstName }} {{ app.user.lastName }}</div>
             <a href="{{ path('show_profile') }}" class="text-decoration-none fs-5">My profile</a>
             <a href="{{ path('edit_user_groups') }}" class="text-decoration-none fs-5">
-- 
GitLab