From c2ccc81e6836b1e0ece143544c545b84f5cac784 Mon Sep 17 00:00:00 2001 From: Rupin Khandelwal Date: Thu, 18 Aug 2022 17:13:33 -0500 Subject: [PATCH 1/2] Fix/1096 - Added line seprator above labels and subscriptions --- packages/web/styles/menu.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css index 71d8afbb8..c2719d466 100644 --- a/packages/web/styles/menu.css +++ b/packages/web/styles/menu.css @@ -25,6 +25,10 @@ padding: 5px 20px; } +.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu { + border-top: 1px solid var(--colors-grayBg); +} + .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper { width: 20px; min-width: 0; From 3ad131b41bf758b0ed575c9fbbcfc1a8dabd8099 Mon Sep 17 00:00:00 2001 From: Rupin Khandelwal Date: Fri, 19 Aug 2022 14:16:33 -0500 Subject: [PATCH 2/2] updated css to handle border length --- packages/web/styles/menu.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/web/styles/menu.css b/packages/web/styles/menu.css index c2719d466..7621230f4 100644 --- a/packages/web/styles/menu.css +++ b/packages/web/styles/menu.css @@ -25,8 +25,12 @@ padding: 5px 20px; } -.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu { - border-top: 1px solid var(--colors-grayBg); +.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu:before { + content: ''; + display: block; + width: 90%; + border: 0.5px solid var(--colors-grayBg); + margin-left: 10px; } .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper { @@ -37,7 +41,7 @@ .pro-sidebar .pro-menu .pro-menu-item.active { background-color: var(--colors-libraryActiveMenuItem); - width: 90%; + width: 95%; border-radius: 5px; }