Revert "chore: remove class data-files-btn"

This reverts commit 1b644ed.
TACC · Dec 3, 2024 · d6f820b · d6f820b
1 parent a678c6f
commit d6f820b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/.../components/DataFiles/DataFilesModals/DataFilesModalTables/DataFilesModalListingTable.jsx b/.../components/DataFiles/DataFilesModals/DataFilesModalTables/DataFilesModalListingTable.jsx
@@ -120,7 +120,7 @@ const DataFilesModalButtonCell = ({
       <span>
         <Button
           type="primary"
-          className="float-right"
+          className="float-right data-files-btn"
           disabled={disabled}
           onClick={onClick}
         >

diff --git a/client/src/components/DataFiles/DataFilesProjectMembers/_cells/ProjectRoleSelector.jsx b/client/src/components/DataFiles/DataFilesProjectMembers/_cells/ProjectRoleSelector.jsx
@@ -75,6 +75,7 @@ const ProjectRoleSelector = ({ projectId, username }) => {
       {data.role !== selectedRole && !isFetching && (
         <Button
           type="primary"
+          className="data-files-btn"
           onClick={() =>
             setProjectRole({ oldRole: data.role, newRole: selectedRole })
           }

diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.jsx b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.jsx
@@ -72,6 +72,7 @@ const DataFilesAddButton = ({ readOnly }) => {
         <DropdownToggle
           color="primary"
           id="data-files-add"
+          className="data-files-btn"
         >
           + Add
         </DropdownToggle>

diff --git a/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss b/client/src/components/DataFiles/DataFilesSidebar/DataFilesSidebar.scss
@@ -1,5 +1,14 @@
 @import '../../../styles/components/dropdown-menu.css';
 
+.data-files-btn {
+  background-color: var(--global-color-accent--normal);
+  border-color: var(--global-color-accent--normal);
+  border-radius: 0;
+}
+
+.data-files-btn-cancel {
+  border-radius: 0;
+}
 
 #data-files-add {
   width: 100%;