From 5a61b1997952ed136a26b1ab00cf3929c1bbb926 Mon Sep 17 00:00:00 2001
From: Hyungu Kang | Airen <gusrn1423@naver.com>
Date: Thu, 19 Sep 2024 11:30:05 +0900
Subject: [PATCH] fix: remove wrong style and unused styles (#364)

## Changes
- Remove styles that affect the client's code.
- Remove unused styles.

ticket: []

## Additional Notes
- Since we are not using [Shadow
DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM),
all written styles will affect the client's code. Therefore, until
Shadow DOM is introduced, do not write styles in a general manner.
(Example: `#root { ... }`, `input { ... }`)

## Checklist
Before requesting a code review, please check the following:
- [x] **[Required]** CI has passed all checks.
- [x] **[Required]** A self-review has been conducted to ensure there
are no minor mistakes.
- [x] **[Required]** Unnecessary comments/debugging code have been
removed.
- [x] **[Required]** All requirements specified in the ticket have been
accurately implemented.
- [ ] Ensure the ticket has been updated with the sprint, status, and
story points.
---
 src/css/index.css | 69 +++++------------------------------------------
 1 file changed, 7 insertions(+), 62 deletions(-)

diff --git a/src/css/index.css b/src/css/index.css
index e1d6f44b6..e6a26e852 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -1,68 +1,17 @@
-.sendbird-message-content-menu__reaction-menu {
-  display: none;
-}
-
-.sendbird-theme--light {
-  margin: 0 !important;
-}
-
-.sendbird-conversation__footer {
-  padding-bottom: 0 !important;
-  margin: 0 !important;
-}
-
-#root {
-  height: 100%;
-  border: none !important;
-}
-
-.sendbird-conversation {
-  border: none !important;
-}
-
-@keyframes spinner {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loading-spinner {
-  width: 50px;
-  height: 50px;
-  border: 10px solid #b771fd; /* Light grey */
-  border-top: 10px solid white; /* Blue */
-  border-radius: 50%;
-  animation: spinner 1.5s linear infinite;
-}
-
-.spinner-container {
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  height: 350px;
-}
-
+/**
+ * NOTE: Since we are not using Shadow DOM, all written styles will affect the client's code.
+ * Therefore, until Shadow DOM is introduced, do not write styles in a general manner.
+ *  Example: #root { ... }, input { ... }
+ */
 .sendbird-modal__content {
   width: calc(100% - 20px);
-}
-
-.sendbird-fileviewer__header__left {
+  max-width: calc(100% - 80px);
 }
 
 .sendbird-fileviewer {
   outline: none;
 }
 
-textarea:focus,
-input:focus {
-  &:active {
-    outline: none;
-  }
-}
-
 .sendbird-ai-widget-file-message-root {
   width: 100%;
 }
@@ -91,10 +40,6 @@ input:focus {
   z-index: 2147483647;
 }
 
-.sendbird-modal__content {
-  max-width: calc(100% - 80px);
-}
-
 .sendbird-suggested-replies {
   margin: 0 !important;
   padding: 8px 0 16px;
@@ -109,5 +54,5 @@ input:focus {
 }
 
 .sendbird-form-chip {
-  padding: 0px 12px;
+  padding: 0 12px;
 }