Skip to content

Commit

Permalink
fix: remove wrong style and unused styles (#364)
Browse files Browse the repository at this point in the history
## 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.
  • Loading branch information
bang9 authored Sep 19, 2024
1 parent 71893ff commit 5a61b19
Showing 1 changed file with 7 additions and 62 deletions.
69 changes: 7 additions & 62 deletions src/css/index.css
Original file line number Diff line number Diff line change
@@ -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%;
}
Expand Down Expand Up @@ -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;
Expand All @@ -109,5 +54,5 @@ input:focus {
}

.sendbird-form-chip {
padding: 0px 12px;
padding: 0 12px;
}

0 comments on commit 5a61b19

Please sign in to comment.