Skip to content

Commit 9b37f07

Browse files
Blade04208Blade04208
committed
update bubbles css, guys gimme like 2 weeks and ill rewrite ddex4 ok
1 parent 415a2aa commit 9b37f07

1 file changed

Lines changed: 106 additions & 106 deletions

File tree

‎src/bubbles.css‎

Lines changed: 106 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
/* MESSAGES - - - - - - - - - - - - - - - - - - - - - */
2-
.c19a557985eb7793-contents>.c19a557985eb7793-messageContent {
3-
background-color: rgba(255, 255, 255, 0.075);
4-
width: fit-content;
5-
margin-left: 0px !important;
6-
padding-left: 0px !important;
7-
padding: 14px !important;
8-
border-radius: 0px 10px 10px 0px;
9-
box-sizing: content-box;
10-
max-width: 100%;
11-
word-wrap: normal;
2+
.contents_c19a55>.messageContent_c19a55 {
3+
background-color: rgba(255, 255, 255, 0.075);
4+
width: fit-content;
5+
margin-left: 0px !important;
6+
padding-left: 0px !important;
7+
padding: 14px !important;
8+
border-radius: 0px 10px 10px 0px;
9+
box-sizing: content-box;
10+
max-width: 100%;
11+
word-wrap: normal;
1212
}
1313

14-
._5126c0cd07f243a0-groupStart .c19a557985eb7793-messageContent {
15-
border-radius: 10px 10px 10px 0px;
14+
.groupStart__5126c .messageContent_c19a55 {
15+
border-radius: 10px 10px 10px 0px;
1616
}
1717

18-
._5126c0cd07f243a0-message,
19-
.c19a557985eb7793-contents {
20-
/* position: absolute; */
21-
max-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important;
22-
min-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important;
18+
.message__5126c,
19+
.contents_c19a55 {
20+
/* position: absolute; */
21+
max-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important;
22+
min-width: calc(100% - var(--custom-message-margin-left-content-cozy)) !important;
2323
}
2424

25-
.c19a557985eb7793-buttonContainer ._040f07d21e1fb0d6-container {
26-
right: 20px;
25+
.buttonContainer_c19a55 .container__040f0 {
26+
right: 20px;
2727
}
2828

2929
/*
30-
._23977d5b7cef7361-reactions {
30+
.reactions__23977 {
3131
margin-bottom: -12px;
3232
3333
width: 100% !important;
@@ -38,8 +38,8 @@
3838
>div {
3939
position: relative;
4040
41-
._23977d5b7cef7361-reaction,
42-
._23977d5b7cef7361-reactionBtn {
41+
.reaction__23977,
42+
.reactionBtn__23977 {
4343
backdrop-filter: blur(16px);
4444
}
4545
@@ -131,97 +131,97 @@
131131
}
132132
}
133133
*/
134-
._23977d5b7cef7361-reactionInner[aria-label*=", 1 "] ._23977d5b7cef7361-reactionCount {
135-
display: none !important;
134+
.reactionInner__23977[aria-label*=", 1 "] .reactionCount__23977 {
135+
display: none !important;
136136
}
137137

138138

139-
._5126c0cd07f243a0-messageListItem[data-is-self="true"] {
140-
align-items: end;
141-
align-content: end;
142-
justify-content: end;
143-
justify-items: end;
144-
145-
._5126c0cd07f243a0-message {
146-
/* padding-left: 100%; */
147-
padding-right: var(--custom-message-margin-left-content-cozy) !important;
148-
149-
.c19a557985eb7793-contents {
150-
justify-items: end;
151-
}
152-
153-
.c19a557985eb7793-avatar {
154-
left: auto !important;
155-
right: var(--custom-message-margin-horizontal);
156-
}
157-
158-
.c19a557985eb7793-avatarDecoration {
159-
left: auto !important;
160-
right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2);
161-
}
162-
163-
.c19a557985eb7793-contents>.c19a557985eb7793-messageContent {
164-
border-radius: 10px 0px 0px 10px;
165-
background-color: var(--brand-500);
166-
}
167-
168-
&._5126c0cd07f243a0-groupStart .c19a557985eb7793-messageContent {
169-
border-radius: 10px 10px 0px 10px;
170-
}
171-
172-
.b7e1cb0370c2dd0e-container>* {
173-
justify-self: end !important;
174-
align-self: end !important;
175-
}
176-
177-
.f4758a8d6346d18b-visualMediaItemContainer {
178-
width: auto;
179-
}
180-
181-
.c19a557985eb7793-contents {
182-
justify-self: end;
183-
}
184-
185-
&.c19a557985eb7793-hasReply {
186-
padding-top: 22px;
187-
}
188-
189-
.c19a557985eb7793-repliedMessage {
190-
position: absolute;
191-
flex-direction: row-reverse;
192-
top: 0px;
193-
left: auto !important;
194-
right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2);
195-
margin-right: calc(var(--chat-avatar-size) * 1.5 + 12px);
196-
max-width: calc(100% - var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 32px);
197-
}
198-
199-
.c19a557985eb7793-repliedMessageClickableSpine {
200-
right: calc(var(--chat-avatar-size) / 2 * -1 + var(--gutter) * -1 - 4px);
201-
left: 100%;
202-
border-right: var(--spine-width) solid var(--spine-default);
203-
border-bottom: 0 solid var(--spine-default);
204-
border-left: 0 solid var(--spine-default);
205-
border-top: 2px solid var(--spine-default);
206-
border-top: var(--spine-width) solid var(--spine-default);
207-
border-top-right-radius: 6px;
208-
border-top-left-radius: 0px;
209-
}
139+
.messageListItem__5126c[data-is-self="true"] {
140+
align-items: end;
141+
align-content: end;
142+
justify-content: end;
143+
justify-items: end;
144+
145+
.message__5126c {
146+
/* padding-left: 100%; */
147+
padding-right: var(--custom-message-margin-left-content-cozy) !important;
148+
149+
.contents_c19a55 {
150+
justify-items: end;
210151
}
211152

212-
.c19a557985eb7793-buttonContainer {
213-
right: auto;
214-
left: 0;
153+
.avatar_c19a55 {
154+
left: auto !important;
155+
right: var(--custom-message-margin-horizontal);
156+
}
215157

216-
._040f07d21e1fb0d6-container {
217-
right: auto;
218-
left: 56px;
219-
}
158+
.avatarDecoration_c19a55 {
159+
left: auto !important;
160+
right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2);
220161
}
221162

222-
._23977d5b7cef7361-reactions {
223-
align-content: flex-end;
224-
justify-content: flex-end;
163+
.contents_c19a55>.messageContent_c19a55 {
164+
border-radius: 10px 0px 0px 10px;
165+
background-color: var(--brand-500);
225166
}
226167

227-
}
168+
&.groupStart__5126c .messageContent_c19a55 {
169+
border-radius: 10px 10px 0px 10px;
170+
}
171+
172+
.container_b7e1cb>* {
173+
justify-self: end !important;
174+
align-self: end !important;
175+
}
176+
177+
.visualMediaItemContainer_f4758a {
178+
width: auto;
179+
}
180+
181+
.contents_c19a55 {
182+
justify-self: end;
183+
}
184+
185+
&.hasReply_c19a55 {
186+
padding-top: 22px;
187+
}
188+
189+
.repliedMessage_c19a55 {
190+
position: absolute;
191+
flex-direction: row-reverse;
192+
top: 0px;
193+
left: auto !important;
194+
right: calc(var(--custom-message-margin-horizontal) - var(--custom-message-avatar-decoration-size) / 2 + var(--custom-message-avatar-size) / 2);
195+
margin-right: calc(var(--chat-avatar-size) * 1.5 + 12px);
196+
max-width: calc(100% - var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) + 32px);
197+
}
198+
199+
.repliedMessageClickableSpine_c19a55 {
200+
right: calc(var(--chat-avatar-size) / 2 * -1 + var(--gutter) * -1 - 4px);
201+
left: 100%;
202+
border-right: var(--spine-width) solid var(--spine-default);
203+
border-bottom: 0 solid var(--spine-default);
204+
border-left: 0 solid var(--spine-default);
205+
border-top: 2px solid var(--spine-default);
206+
border-top: var(--spine-width) solid var(--spine-default);
207+
border-top-right-radius: 6px;
208+
border-top-left-radius: 0px;
209+
}
210+
}
211+
212+
.buttonContainer_c19a55 {
213+
right: auto;
214+
left: 0;
215+
216+
.container__040f0 {
217+
right: auto;
218+
left: 56px;
219+
}
220+
}
221+
222+
.reactions__23977 {
223+
align-content: flex-end;
224+
justify-content: flex-end;
225+
}
226+
227+
}

0 commit comments

Comments
 (0)