enhance: use <DropdownItem divider> consistently

TACC · Dec 4, 2024 · 5a54861 · 5a54861
1 parent 1d0317b
commit 5a54861
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.jsx b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.jsx
@@ -89,6 +89,7 @@ const DataFilesAddButton = ({ readOnly }) => {
               <i className="icon-folder" /> Shared Workspace
             </DropdownItem>
           )}
+          <DropdownItem divider />
           <DropdownItem
             className={`complex-dropdown-item ${styles[writeItemStyle]}`}
             onClick={toggleUploadModal}

diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss
@@ -33,7 +33,6 @@
 }
 
 .complex-dropdown-item {
-  border-top: 1px solid #707070;
   display: flex;
 }
 

diff --git a/client/src/styles/components/dropdown-menu.css b/client/src/styles/components/dropdown-menu.css
@@ -54,4 +54,9 @@ Styleguide Components.Dropdown
   .dropdown-item:hover {
     background-color: var(--global-color-accent--weak);
   }
+
+  .dropdown-divider {
+    margin-block: 0.25em;
+    border-color: var(--global-color-primary--dark);
+  }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,7 +33,6 @@ @@
     }
     .complex-dropdown-item {
-      border-top: 1px solid #707070;
       display: flex;
     }
@@ Expand Down @@