Added styles adjustments

elastic · Feb 8, 2021 · 9851d48 · 9851d48
1 parent ad70c1b
commit 9851d48
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/..._management/public/application/sections/edit_policy/components/phase_icon/phase_icon.scss b/..._management/public/application/sections/edit_policy/components/phase_icon/phase_icon.scss
@@ -7,7 +7,7 @@
   border-radius: 50%;
   background-color: $euiColorLightestShade;
   &--disabled {
-    margin-top: calc(#{$euiSizeS} - 2px);
+    margin-top: $euiSizeS;
     width: $euiSize;
     height: $euiSize;
   }

diff --git a/.../public/application/sections/edit_policy/components/phases/delete_phase/delete_phase.scss b/.../public/application/sections/edit_policy/components/phases/delete_phase/delete_phase.scss
@@ -6,7 +6,6 @@
     }
     &__body {
       padding: $euiSize;
-      background-color: $euiColorLightestShade;
     }
   }
 }
diff --git a/...cle_management/public/application/sections/edit_policy/components/phases/phase/phase.scss b/...cle_management/public/application/sections/edit_policy/components/phases/phase/phase.scss
@@ -2,7 +2,6 @@
   .euiCommentEvent {
     &__header {
       padding: $euiSize;
-      background-color: $euiColorEmptyShade;
     }
     &__body {
       padding: $euiSize;
@@ -18,4 +17,11 @@
       height: calc(100% + #{$euiSizeXXL});
     }
   }
+  &--enabled {
+    .euiCommentEvent {
+      &__header {
+        background-color: $euiColorEmptyShade;
+      }
+    }
+  }
 }
diff --git a/...ycle_management/public/application/sections/edit_policy/components/phases/phase/phase.tsx b/...ycle_management/public/application/sections/edit_policy/components/phases/phase/phase.tsx
@@ -94,7 +94,7 @@ export const Phase: FunctionComponent<Props> = ({ children, phase }) => {
       username={phaseTitle}
       actions={minAge}
       timelineIcon={<PhaseIcon enabled={enabled} phase={phase} />}
-      className={'ilmPhase'}
+      className={`ilmPhase ${enabled ? 'ilmPhase--enabled' : ''}`}
     >
       <EuiText color="subdued" size={'s'} style={{ maxWidth: '50%' }}>
         {i18nTexts.editPolicy.descriptions[phase]}