From 1dce4b8bc285a34ba04ae683a94ebb9b5623468f Mon Sep 17 00:00:00 2001
From: Ahmad Farhat <ahmad.af.farhat@gmail.com>
Date: Mon, 6 Feb 2023 15:09:34 -0500
Subject: [PATCH] Simplify profile dropdown (#4768)
---
app/assets/stylesheets/application.bootstrap.scss | 14 +++++++++-----
app/javascript/components/home/NavbarSignedIn.jsx | 4 ++--
2 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index 9a4dab5e..62ed82a6 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -211,21 +211,25 @@ input.search-bar {
}
#nav-user-dropdown {
- padding: 6px;
+ padding: 6px 0px 6px 6px;
border-radius: $border-radius;
+
&:hover {
- color: var(--brand-color);
- background-color: var(--brand-color-light);
+ background-color: white;
+ color: black !important;
}
&:active {
- background-color: var(--brand-color-light) !important;
+ background-color: white !important;
}
&:focus {
- background-color: var(--brand-color-light) !important;
+ background-color: white !important;
}
&::after {
display: none;
}
+ #chevron-profile {
+ padding-top: 2px;
+ }
}
.dropdown-menu.show {
diff --git a/app/javascript/components/home/NavbarSignedIn.jsx b/app/javascript/components/home/NavbarSignedIn.jsx
index 98679cb7..ddc6b45e 100644
--- a/app/javascript/components/home/NavbarSignedIn.jsx
+++ b/app/javascript/components/home/NavbarSignedIn.jsx
@@ -73,8 +73,8 @@ export default function NavbarSignedIn({ currentUser }) {
title={(
<Stack direction="horizontal" gap={2}>
<Avatar avatar={currentUser?.avatar} size="small" />
- <span className="text-brand ms-1">{currentUser?.name}</span>
- <ChevronDownIcon className="hi-s text-muted" />
+ <span className="ms-1">{currentUser?.name}</span>
+ <ChevronDownIcon id="chevron-profile" className="hi-s text-muted" />
</Stack>
)}
id="nav-user-dropdown"
--
GitLab