feat: styling for moderation failure action buttons

GetStream · May 25, 2022 · c4f2830 · c4f2830
1 parent 7df6cd5
commit c4f2830
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/styles/MessageActions.scss b/src/styles/MessageActions.scss
@@ -110,3 +110,22 @@
     align-items: center;
   }
 }
+
+.str-chat__message-moderation-error-actions-box {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: var(--xs-p);
+  padding-bottom: var(--xs-p);
+  gap: var(--xs-p);
+
+  button {
+    border: none;
+    background: none;
+    font-weight: var(--font-weight-semi-bold);
+    color: var(--secondary-button-text);
+
+    &.str-chat__message-moderation-error-actions-box--primary {
+      color: var(--button-text);
+    }
+  }
+}
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -142,6 +142,7 @@ $border-radius: 16px;
   --border: #00000014; // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1
   --button-background: #ffffff;
   --button-text: #005fff;
+  --secondary-button-text: var(--grey);
   --grey-gainsboro: #dbdbdb;
   --grey-whisper: #ecebeb;
   --highlight: #fbf4dd;