From efcabf02677823351726ca5c9b66a773bc0e5743 Mon Sep 17 00:00:00 2001 From: Igor Kulikov Date: Tue, 23 Jun 2026 11:27:42 +0300 Subject: [PATCH] UI: restyle the side-menu "NEW" pill to a soft outlined chip Light-grey background, 76%-black text, 1px hairline border, 11px/.25px tracking. Drop the previous primary-color "white pill on primary toolbar" look that no longer fits the new menu's neutral surface, and bind the opacity transition to $sidenav-anim-timing so the pill fades in/out in sync with the sidenav collapse animation. --- .../home/menu/menu-toggle.component.scss | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss index da9572feee..7c942aefbc 100644 --- a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss +++ b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss @@ -39,17 +39,16 @@ right: 44px; top: 4px; content: "NEW"; - font-size: 12px; - letter-spacing: .03125em; - display: inline-block; + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.76); + font-size: 11px; + letter-spacing: .25px; + line-height: 16px; + padding: 2px 8px; border-radius: 10px; - line-height: 22px; - height: 20px; - background: #fff; - color: $tb-primary-color; - padding-left: 6px; - padding-right: 6px; - margin-left: -6px; + border: 1px solid rgba(0, 0, 0, 0.05); + opacity: 1; + transition: opacity $sidenav-anim-timing; } }