Increased allocations table alignment style selector specificity and …

…fixed background styling for disabled 'remove' button in manage team modal
TACC · Jun 15, 2022 · d60ff3e · d60ff3e
1 parent 99f4977
commit d60ff3e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/client/src/components/Allocations/Allocations.scss b/client/src/components/Allocations/Allocations.scss
@@ -106,7 +106,7 @@
     font-size: 0.875rem; /* 14px (approved deviation from design) */
   }
 }
-td {
+.allocations-table td {
   vertical-align: top !important; /* override InfiniteScrollTable */
 }
 

diff --git a/...tions/AllocationsModals/AllocationsManageTeamTable/AllocationsManageTeamTable.module.scss b/...tions/AllocationsModals/AllocationsManageTeamTable/AllocationsManageTeamTable.module.scss
@@ -23,9 +23,6 @@
   thead th /* specificity overwrites bootstrap */ {
     border-bottom: 1px solid var(--global-color-primary--dark);
   }
-  tr:nth-child(even) td {
-    background-color: var(--global-color-primary--x-light);
-  }
   /* action */
   tr > *:nth-child(3) {
     text-align: right;
@@ -36,6 +33,15 @@
       position: static; /* overwrite <Button> */
     }
   }
+  tr:nth-child(even) td {
+    background-color: var(--global-color-primary--x-light);
+
+    button:disabled {
+      background-color: var(
+        --global-color-primary--x-light
+      ); /* button's disabled state background will match row background color */
+    }
+  }
 }
 /* wide screen */
 @media (--medium-and-below) {