tweaks design of is-not-allowed class

Datawheel · Sep 3, 2020 · 5b14b52 · 5b14b52
1 parent 1e468ba
commit 5b14b52
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/cms/src/components/cards/Card.css b/packages/cms/src/components/cards/Card.css
@@ -48,8 +48,18 @@
   }
 
   &.is-not-allowed {
-    background-color:#fff1f3;
+    & * {
+      filter: grayscale(15%) opacity(85%);
+    }
+    &:before {
+      @mixin font-xxs;
+      color: var(--alert);
+      content: "Disabled for the selected preview member.";
+      display: block;
+      margin-bottom: var(--gutter-xs);
+    }
   }
+
 }