From e50c3e8431972a41fc9792939956c3281b1b4810 Mon Sep 17 00:00:00 2001 From: silverwind Date: Tue, 20 Jun 2023 22:35:25 +0200 Subject: [PATCH] Navbar styling rework (#25343) - Extract navbar CSS to own file - Reduce height from 52px to 50px - Give every item a hover effect of of 36px, including the logo and on mobile - Consistent horizontal padding of 10px left and right Screenshot 2023-06-18 at 13 41 16 Screenshot 2023-06-18 at 14 03 43 Screenshot 2023-06-18 at 14 03 18 Screenshot 2023-06-18 at 13 58 28 --------- Co-authored-by: wxiaoguang Co-authored-by: Giteabot --- templates/base/head_navbar.tmpl | 83 +++++++++---------- web_src/css/base.css | 96 ---------------------- web_src/css/index.css | 1 + web_src/css/modules/navbar.css | 138 ++++++++++++++++++++++++++++++++ 4 files changed, 181 insertions(+), 137 deletions(-) create mode 100644 web_src/css/modules/navbar.css diff --git a/templates/base/head_navbar.tmpl b/templates/base/head_navbar.tmpl index e46e276ed0..3086e674fd 100644 --- a/templates/base/head_navbar.tmpl +++ b/templates/base/head_navbar.tmpl @@ -3,62 +3,63 @@ {{$notificationUnreadCount = call .NotificationUnreadCount}} {{end}} -