feat: add styles for replies sent to channel (#336)

MartinCupela · web-flow · commit 8caf5d5c2933 · 2025-06-12T10:55:39.000+02:00
diff --git a/src/v2/styles/Message/Message-layout.scss b/src/v2/styles/Message/Message-layout.scss
@@ -260,7 +260,8 @@
     }
   }
 
-  .str-chat__message-replies-count-button-wrapper {
+  .str-chat__message-replies-count-button-wrapper,
+  .str-chat__message-is-thread-reply-button-wrapper {
     grid-area: replies;
 
     button {
diff --git a/src/v2/styles/Message/Message-theme.scss b/src/v2/styles/Message/Message-theme.scss
@@ -344,7 +344,8 @@
     }
   }
 
-  .str-chat__message-replies-count-button-wrapper {
+  .str-chat__message-replies-count-button-wrapper,
+  .str-chat__message-is-thread-reply-button-wrapper {
     button {
       border: none;
       background-color: transparent;
diff --git a/src/v2/styles/MessageInput/MessageInput-layout.scss b/src/v2/styles/MessageInput/MessageInput-layout.scss
@@ -239,3 +239,22 @@
   min-width: 300px;
   padding-block: 0.5rem;
 }
+
+.str-chat__send-to-channel-checkbox__container {
+  width: 100%;
+  display: flex;
+  padding: 0.5rem 0.75rem;
+
+  .str-chat__send-to-channel-checkbox__field {
+    display: flex;
+    align-items: center;
+
+    label {
+      padding-inline: 0.5rem;
+    }
+
+    input {
+      margin: 0;
+    }
+  }
+}
diff --git a/src/v2/styles/MessageInput/MessageInput-theme.scss b/src/v2/styles/MessageInput/MessageInput-theme.scss
@@ -338,3 +338,14 @@
     }
   }
 }
+
+.str-chat__send-to-channel-checkbox__field {
+  * {
+    cursor: pointer;
+  }
+
+  label {
+    color: var(--str-chat__text-low-emphasis-color);
+    font: var(--str-chat__body-text);
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -260,7 +260,8 @@`
`260`	`260`	`}`
`261`	`261`	`}`
`262`	`262`
`263`		`- .str-chat__message-replies-count-button-wrapper {`
	`263`	`+ .str-chat__message-replies-count-button-wrapper,`
	`264`	`+ .str-chat__message-is-thread-reply-button-wrapper {`
`264`	`265`	`grid-area: replies;`
`265`	`266`
`266`	`267`	`button {`
Original file line number	Diff line number	Diff line change
`@@ -344,7 +344,8 @@`
`344`	`344`	`}`
`345`	`345`	`}`
`346`	`346`
`347`		`- .str-chat__message-replies-count-button-wrapper {`
	`347`	`+ .str-chat__message-replies-count-button-wrapper,`
	`348`	`+ .str-chat__message-is-thread-reply-button-wrapper {`
`348`	`349`	`button {`
`349`	`350`	`border: none;`
`350`	`351`	`background-color: transparent;`
Original file line number	Diff line number	Diff line change
`@@ -338,3 +338,14 @@`
`338`	`338`	`}`
`339`	`339`	`}`
`340`	`340`	`}`
	`341`	`+`
	`342`	`+.str-chat__send-to-channel-checkbox__field {`
	`343`	`+ * {`
	`344`	`+ cursor: pointer;`
	`345`	`+ }`
	`346`	`+`
	`347`	`+ label {`
	`348`	`+ color: var(--str-chat__text-low-emphasis-color);`
	`349`	`+ font: var(--str-chat__body-text);`
	`350`	`+ }`
	`351`	`+}`