From 24ddd29b1f1446acd2e85cf66a43dec09b63983d Mon Sep 17 00:00:00 2001
From: martincupela <martin.cupela@gmail.com>
Date: Thu, 12 Jun 2025 08:28:26 +0200
Subject: [PATCH] feat: add styles for replies sent to channel

---
 src/v2/styles/Message/Message-layout.scss     |  3 ++-
 src/v2/styles/Message/Message-theme.scss      |  3 ++-
 .../MessageInput/MessageInput-layout.scss     | 19 +++++++++++++++++++
 .../MessageInput/MessageInput-theme.scss      | 11 +++++++++++
 4 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/v2/styles/Message/Message-layout.scss b/src/v2/styles/Message/Message-layout.scss
index f92ff524..58c8a800 100644
--- 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
index 0300c9ea..282f4e19 100644
--- 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
index af1b833e..336a740c 100644
--- 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
index 9615dfcd..496fb52c 100644
--- 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);
+  }
+}