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