From 97aa9237dd79b917583b64d783f44f32d070709c Mon Sep 17 00:00:00 2001 From: Asim Regmi Date: Mon, 9 Oct 2023 09:44:00 -0500 Subject: [PATCH 1/2] small UI change to align dropdown --- .../DataFiles/DataFilesSidebar/DataFilesSidebar.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss index 9f4fac877..b6011e557 100644 --- a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss +++ b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss @@ -24,15 +24,14 @@ .dropdown-menu { border-color: var(--global-color-accent--normal); border-radius: 0; - margin-top: 11px; - padding: 0; + margin: 11px 3px 0px; width: 200px; vertical-align: top; } .dropdown-menu::before { position: absolute; top: -10px; - left: 65px; + left: 67px; border-right: 10px solid transparent; border-bottom: 10px solid var(--global-color-accent--normal); border-left: 10px solid transparent; @@ -42,7 +41,7 @@ .dropdown-menu::after { position: absolute; top: -9px; - left: 66px; + left: 68px; border-right: 9px solid transparent; border-bottom: 9px solid #ffffff; border-left: 9px solid transparent; From 3d4840f30bbf55276d06543dac62263f1b10551b Mon Sep 17 00:00:00 2001 From: Asim Regmi Date: Mon, 9 Oct 2023 14:23:34 -0500 Subject: [PATCH 2/2] linting issues fixed --- .../components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss index b6011e557..3b5cd538b 100644 --- a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss +++ b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss @@ -24,7 +24,7 @@ .dropdown-menu { border-color: var(--global-color-accent--normal); border-radius: 0; - margin: 11px 3px 0px; + margin: 11px 3px 0; width: 200px; vertical-align: top; }