Apply lighter disabled color for the expand icon on the Import Featur…

…e Flag modal (#2112) * Use clearer disabled color for the expand/collapse icon on the Import Feature Flag modal * Reduce ripple size
CarnegieLearningWeb · Nov 19, 2024 · 32988cb · 32988cb
1 parent c93f55a
commit 32988cb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/...d/feature-flags/modals/import-feature-flag-modal/import-feature-flag-modal.component.html b/...d/feature-flags/modals/import-feature-flag-modal/import-feature-flag-modal.component.html
@@ -38,7 +38,7 @@
             <!-- Actions Column -->
             <ng-container matColumnDef="actions">
               <th mat-header-cell *matHeaderCellDef></th>
-              <td mat-cell class="ft-14-500" *matCellDef="let element">
+              <td mat-cell class="ft-14-500 dense-2" *matCellDef="let element">
                 <button
                   mat-icon-button
                   [ngClass]="{ 'expand-button--disabled': element.compatibilityType === 'compatible' }"

diff --git a/...d/feature-flags/modals/import-feature-flag-modal/import-feature-flag-modal.component.scss b/...d/feature-flags/modals/import-feature-flag-modal/import-feature-flag-modal.component.scss
@@ -62,17 +62,16 @@
       }
     }
 
-    &.disabled {
-      opacity: 0.5;
-      cursor: default;
-    }
-
     .cdk-column-actions {
-      width: 10%;
+      width: 15%;
+
+      .expand-button--disabled {
+        opacity: 0.5;
+      }
     }
 
     .cdk-column-fileName {
-      width: 60%;
+      width: 55%;
     }
 
     .cdk-column-compatibilityType {
@@ -91,4 +90,4 @@
       }
     }
   }
-}
+}