Upload CSS & Reformat CSS
This commit is contained in:
parent
01128bef6e
commit
4513c813c9
6 changed files with 626 additions and 404 deletions
|
|
@ -8,7 +8,7 @@
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
margin-left: -17px;
|
margin-left: -17px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
content: '';
|
content: "";
|
||||||
background-color: var(--header-primary);
|
background-color: var(--header-primary);
|
||||||
/* Spotify wave thingy fix */
|
/* Spotify wave thingy fix */
|
||||||
/*background-color: hsla(var(--spotify-vencord-text)/1);*/
|
/*background-color: hsla(var(--spotify-vencord-text)/1);*/
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
}
|
}
|
||||||
#vc-spotify-song-title + div::before,
|
#vc-spotify-song-title + div::before,
|
||||||
#vc-spotify-song-title + div + div::before {
|
#vc-spotify-song-title + div + div::before {
|
||||||
background-color: var(--header-secondary);
|
background-color: var(--header-secondary);
|
||||||
/* Spotify wave thingy fix */
|
/* Spotify wave thingy fix */
|
||||||
/*background-color: hsla(var(--spotify-vencord-text)/1);*/
|
/*background-color: hsla(var(--spotify-vencord-text)/1);*/
|
||||||
}
|
}
|
||||||
|
|
@ -34,11 +34,11 @@
|
||||||
|
|
||||||
/* */
|
/* */
|
||||||
#vc-spotify-player {
|
#vc-spotify-player {
|
||||||
height:50px;
|
height: 50px;
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: height 0.4s ease-out;
|
transition: height 0.4s ease-out;
|
||||||
padding: 7px!important;
|
padding: 7px !important;
|
||||||
padding-top: 8px !important;
|
padding-top: 8px !important;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -48,7 +48,8 @@
|
||||||
#vc-spotify-player:hover {
|
#vc-spotify-player:hover {
|
||||||
height: 115px;
|
height: 115px;
|
||||||
}
|
}
|
||||||
#vc-spotify-progress-bar, .vc-spotify-button-row {
|
#vc-spotify-progress-bar,
|
||||||
|
.vc-spotify-button-row {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.4s ease-out;
|
transition: opacity 0.4s ease-out;
|
||||||
}
|
}
|
||||||
|
|
@ -56,8 +57,10 @@
|
||||||
#vc-spotify-player:hover .vc-spotify-button-row {
|
#vc-spotify-player:hover .vc-spotify-button-row {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) #vc-spotify-progress-bar,
|
#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper)
|
||||||
#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper) .vc-spotify-button-row {
|
#vc-spotify-progress-bar,
|
||||||
|
#vc-spotify-player:has(#vc-spotify-album-expanded-wrapper)
|
||||||
|
.vc-spotify-button-row {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
#vc-spotify-player::before,
|
#vc-spotify-player::before,
|
||||||
|
|
@ -110,7 +113,8 @@
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 0.4s ease-out;
|
transition: opacity 0.4s ease-out;
|
||||||
}
|
}
|
||||||
#vc-spotify-player:not(:has(#vc-spotify-album-expanded-wrapper)):hover #vc-spotify-album-image {
|
#vc-spotify-player:not(:has(#vc-spotify-album-expanded-wrapper)):hover
|
||||||
|
#vc-spotify-album-image {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
#vc-spotify-album-image:hover {
|
#vc-spotify-album-image:hover {
|
||||||
|
|
@ -120,20 +124,23 @@
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
transition: margin-left 0.4s ease-out;
|
transition: margin-left 0.4s ease-out;
|
||||||
}
|
}
|
||||||
#vc-spotify-player:hover #vc-spotify-titles {
|
#vc-spotify-player:hover #vc-spotify-titles {
|
||||||
margin-left: -42px;
|
margin-left: -42px;
|
||||||
}
|
}
|
||||||
#vc-spotify-player #vc-spotify-titles .size14_b2af01 {
|
#vc-spotify-player #vc-spotify-titles .size14_b2af01 {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
#vc-spotify-song-title::before, #vc-spotify-song-title + div::before, #vc-spotify-song-title + div + div::before {
|
#vc-spotify-song-title::before,
|
||||||
|
#vc-spotify-song-title + div::before,
|
||||||
|
#vc-spotify-song-title + div + div::before {
|
||||||
background-color: var(--interactive-active);
|
background-color: var(--interactive-active);
|
||||||
}
|
}
|
||||||
#vc-spotify-player .colorStandard__5111e {
|
#vc-spotify-player .colorStandard__5111e {
|
||||||
color: var(--interactive-active);
|
color: var(--interactive-active);
|
||||||
}
|
}
|
||||||
.vc-spotify-artist, .vc-spotify-album {
|
.vc-spotify-artist,
|
||||||
color: var(--interactive-normal)
|
.vc-spotify-album {
|
||||||
|
color: var(--interactive-normal);
|
||||||
}
|
}
|
||||||
#vc-spotify-player .bar_e58961 {
|
#vc-spotify-player .bar_e58961 {
|
||||||
background-color: color-mix(in srgb, var(--white-500), transparent 75%);
|
background-color: color-mix(in srgb, var(--white-500), transparent 75%);
|
||||||
|
|
@ -141,7 +148,7 @@
|
||||||
#vc-spotify-player .barFill__30e17 {
|
#vc-spotify-player .barFill__30e17 {
|
||||||
background-color: var(--interactive-active);
|
background-color: var(--interactive-active);
|
||||||
}
|
}
|
||||||
#vc-spotify-progress-bar>[class^=slider] [class^=grabber] {
|
#vc-spotify-progress-bar > [class^="slider"] [class^="grabber"] {
|
||||||
background-color: var(--interactive-active);
|
background-color: var(--interactive-active);
|
||||||
border-color: var(--interactive-active);
|
border-color: var(--interactive-active);
|
||||||
width: 12px !important;
|
width: 12px !important;
|
||||||
|
|
@ -156,14 +163,17 @@
|
||||||
color: var(--interactive-active);
|
color: var(--interactive-active);
|
||||||
}
|
}
|
||||||
.vc-spotify-button:hover {
|
.vc-spotify-button:hover {
|
||||||
background-color: color-mix(in srgb, var(--interactive-active), transparent 75%);
|
background-color: color-mix(
|
||||||
|
in srgb,
|
||||||
|
var(--interactive-active),
|
||||||
|
transparent 75%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
.vc-spotify-button.vc-spotify-shuffle-on {
|
.vc-spotify-button.vc-spotify-shuffle-on {
|
||||||
color: var(--green-360);
|
color: var(--green-360);
|
||||||
}
|
}
|
||||||
.vc-spotify-button.vc-spotify-shuffle-on:hover {
|
.vc-spotify-button.vc-spotify-shuffle-on:hover {
|
||||||
background-color: color-mix(in srgb, var(--green-360), transparent 75%);;
|
background-color: color-mix(in srgb, var(--green-360), transparent 75%);
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* adding this to force update */
|
/* adding this to force update */
|
||||||
|
|
||||||
|
|
|
||||||
76
snippets/css/CompactChannelList/ccl.css
Normal file
76
snippets/css/CompactChannelList/ccl.css
Normal file
|
|
@ -0,0 +1,76 @@
|
||||||
|
.unread__2ea32 {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 50%;
|
||||||
|
left: auto;
|
||||||
|
right: 4px;
|
||||||
|
top: 16px;
|
||||||
|
}
|
||||||
|
.modeSelected__2ea32 .link__2ea32 {
|
||||||
|
background-color: var(--brand-700) !important;
|
||||||
|
}
|
||||||
|
.link__2ea32 {
|
||||||
|
padding-left: 16px;
|
||||||
|
border-radius: 0px !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
width: 1px;
|
||||||
|
left: 10px;
|
||||||
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--brand-800) !important;
|
||||||
|
}
|
||||||
|
.icon__2ea32 {
|
||||||
|
scale: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkTop__2ea32 {
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper__2ea32 {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name__2ea32,
|
||||||
|
.overflow__82b15 {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.2857142857142858;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper__29444 {
|
||||||
|
padding: var(--space-xxs) var(--space-xs);
|
||||||
|
padding-left: 4px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
|
||||||
|
.mainContent__29444 {
|
||||||
|
flex-direction: row-reverse !important;
|
||||||
|
flex: none !important;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon__29444 {
|
||||||
|
scale: 1.25;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.spine__5b40b {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spineBorder__5b40b {
|
||||||
|
left: 10px;
|
||||||
|
width: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.3) !important;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeThread__2ea32 {
|
||||||
|
margin-left: 10px !important;
|
||||||
|
.link__2ea32 {
|
||||||
|
padding-left: 20px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,169 +1,218 @@
|
||||||
/* Selfmessages. Heavily based on Discord 11's Message bubbles */
|
/* Selfmessages. Heavily based on Discord 11's Message bubbles */
|
||||||
/* Message Bubbles */
|
/* Message Bubbles */
|
||||||
/* Modified by x3non to work with Vencord */
|
/* Modified by x3non to work with Vencord */
|
||||||
/* New Messages bubble */
|
/* New Messages bubble */
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"],
|
#app-mount [class^="messageListItem__"][data-is-self="true"],
|
||||||
#app-mount [class*=message][data-author-self=true] {
|
#app-mount [class*="message"][data-author-self="true"] {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
width: auto;
|
width: auto;
|
||||||
padding-left: 1vw;
|
padding-left: 1vw;
|
||||||
padding-right: 1.24vw !important;
|
padding-right: 1.24vw !important;
|
||||||
max-width: fit-content;
|
max-width: fit-content;
|
||||||
}
|
|
||||||
|
|
||||||
[class^="messageListItem__"][data-is-self="true"] [class*=container]:not([class*=shiki]),
|
|
||||||
[data-author-self=true] [class*=container]:not([class*=shiki]){
|
|
||||||
direction: rtl;
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=groupStart] > [class*=contents] > [class*=markup],
|
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=groupStart] > [class*=contents] > [class*=markup] {
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=contents],
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=contents] {
|
[class*="container"]:not([class*="shiki"]),
|
||||||
display: inline-flexbox;
|
[data-author-self="true"] [class*="container"]:not([class*="shiki"]) {
|
||||||
margin-left: auto;
|
direction: rtl;
|
||||||
margin-right: 2vw;
|
text-align: right;
|
||||||
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.horizontal_b26b79{
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="groupStart"]
|
||||||
|
> [class*="contents"]
|
||||||
|
> [class*="markup"],
|
||||||
|
#app-mount
|
||||||
|
[class*="message"][data-author-self="true"]
|
||||||
|
[class*="groupStart"]
|
||||||
|
> [class*="contents"]
|
||||||
|
> [class*="markup"] {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="contents"],
|
||||||
|
#app-mount [class*="message"][data-author-self="true"] [class*="contents"] {
|
||||||
|
display: inline-flexbox;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.horizontal_b26b79 {
|
||||||
margin-left: -3.3rem;
|
margin-left: -3.3rem;
|
||||||
}
|
}
|
||||||
.vertical_b26b79{
|
.vertical_b26b79 {
|
||||||
margin: 1vw 2.36vw -4vw !important;
|
margin: 1vw 2.36vw -4vw !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#app-mount
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"][class*=message][class*=selected] [class*=contents],
|
[class^="messageListItem__"][data-is-self="true"][class*="message"][class*="selected"]
|
||||||
#app-mount [class*=message][class*=selected][data-author-self=true] [class*=contents] {
|
[class*="contents"],
|
||||||
width: 100%;
|
#app-mount
|
||||||
}
|
[class*="message"][class*="selected"][data-author-self="true"]
|
||||||
|
[class*="contents"] {
|
||||||
|
width: 100%;
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=timestamp],
|
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=timestamp] {
|
|
||||||
left: unset;
|
|
||||||
right: 8px;
|
|
||||||
margin-top: 1.75px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#app-mount
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=replying] [class*=contents] [class*=messageContent]::before,
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=mentioned] [class*=contents] [class*=messageContent]::before,
|
[class*="timestamp"],
|
||||||
#app-mount [class*=replying][data-author-self=true] [class*=contents] [class*=messageContent]::before,
|
#app-mount [class*="message"][data-author-self="true"] [class*="timestamp"] {
|
||||||
#app-mount [class*=mentioned][data-author-self=true] [class*=contents] [class*=messageContent]::before {
|
left: unset;
|
||||||
left: unset;
|
right: 8px;
|
||||||
right: 0;
|
margin-top: 1.75px;
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=contents] [class*=messageContent],
|
|
||||||
#app-mount [class*=message] [data-author-self=true] [class*=content] [class*=messageContent]{
|
|
||||||
margin-left: auto;
|
|
||||||
background-color: var(--selfMessageColor) !important;
|
|
||||||
padding: 0.3vw 0.5vw 0.3vw 0.5vw;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] a:not([class*=embed] [class*=embedAuthorNameLink]),
|
#app-mount
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=repliedMessage]
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
#app-mount [class*=message][data-author-self=true] a:not([class*=embed] [class*=embedAuthorNameLink]),
|
[class*="replying"]
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=repliedMessage] {
|
[class*="contents"]
|
||||||
margin-left: auto;
|
[class*="messageContent"]::before,
|
||||||
}
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="mentioned"]
|
||||||
|
[class*="contents"]
|
||||||
|
[class*="messageContent"]::before,
|
||||||
|
#app-mount
|
||||||
|
[class*="replying"][data-author-self="true"]
|
||||||
|
[class*="contents"]
|
||||||
|
[class*="messageContent"]::before,
|
||||||
|
#app-mount
|
||||||
|
[class*="mentioned"][data-author-self="true"]
|
||||||
|
[class*="contents"]
|
||||||
|
[class*="messageContent"]::before {
|
||||||
|
left: unset;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=embedAuthor],
|
#app-mount
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=embedAuthor] {
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
direction: ltr;
|
[class*="contents"]
|
||||||
}
|
[class*="messageContent"],
|
||||||
|
#app-mount
|
||||||
|
[class*="message"]
|
||||||
|
[data-author-self="true"]
|
||||||
|
[class*="content"]
|
||||||
|
[class*="messageContent"] {
|
||||||
|
margin-left: auto;
|
||||||
|
background-color: var(--selfMessageColor) !important;
|
||||||
|
padding: 0.3vw 0.5vw 0.3vw 0.5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
a:not([class*="embed"] [class*="embedAuthorNameLink"]),
|
||||||
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="repliedMessage"]
|
||||||
|
#app-mount
|
||||||
|
[class*="message"][data-author-self="true"]
|
||||||
|
a:not([class*="embed"] [class*="embedAuthorNameLink"]),
|
||||||
|
#app-mount
|
||||||
|
[class*="message"][data-author-self="true"]
|
||||||
|
[class*="repliedMessage"] {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="embedAuthor"],
|
||||||
|
#app-mount [class*="message"][data-author-self="true"] [class*="embedAuthor"] {
|
||||||
|
direction: ltr;
|
||||||
|
}
|
||||||
|
|
||||||
/* Self Avatar Icon */
|
/* Self Avatar Icon */
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=avatar],
|
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*="avatar"],
|
||||||
#app-mount [class*=message][data-author-self=true] [class*=avatar]{
|
#app-mount [class*="message"][data-author-self="true"] [class*="avatar"] {
|
||||||
left: unset;
|
left: unset;
|
||||||
right: 0.25rem;
|
right: 0.25rem;
|
||||||
}
|
}
|
||||||
[class^="messageListItem__"][data-is-self="true"] [class*=avatarDecoration],
|
[class^="messageListItem__"][data-is-self="true"] [class*="avatarDecoration"],
|
||||||
[class*=message][data-author-self=true] [class*=avatarDecoration]{
|
[class*="message"][data-author-self="true"] [class*="avatarDecoration"] {
|
||||||
right: 0px !important;
|
right: 0px !important;
|
||||||
}
|
|
||||||
|
|
||||||
/* Self Username Tweaks */
|
|
||||||
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*=header],
|
|
||||||
#app-mount [class*=message] [data-author-self=true] [class*=header] {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row-reverse;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class^="messageListItem__"][data-is-self="true"] [class*=header] span,
|
|
||||||
[data-author-self=true] [class*=header] span {
|
|
||||||
margin-left: .25rem;
|
|
||||||
margin-right: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* resize fixing */
|
|
||||||
#app-mount [class*=contents] pre,
|
|
||||||
#app-mount [class*=message] {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount [class*=contents] [class*=messageContent] {
|
|
||||||
background-color: var(--defaultMessageColor);
|
|
||||||
padding: 0.3vw 0.5vw 0.3vw 0.5vw;
|
|
||||||
margin-left: unset;
|
|
||||||
width: fit-content;
|
|
||||||
border-radius: 0.7vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
[class^="messageListItem__"][data-is-self="true"] [class*=compact][class*=wrapper] [class*=messageContent],
|
|
||||||
[class*=message] [class*=compact] [class*=wrapper] [data-author-self=true] [class*=messageContent] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount [class*=compact] [class*=wrapper] {
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55 {
|
|
||||||
background-color: var(--mention);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount .mentioned__5126c:hover .contents_c19a55 .messageContent_c19a55,
|
|
||||||
#app-mount .mentioned__5126c.selected__5126c .contents_c19a55 .messageContent_c19a55 {
|
|
||||||
background-color: var(--defaultMessageColor);
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
width: 3px;
|
|
||||||
margin: 8px 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app-mount .repliedMessage_c19a55 {
|
|
||||||
background-color: var(--message-hover);
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding: 6px;
|
|
||||||
border-radius: 5px;
|
|
||||||
width: fit-content;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
[data-is-self=true] [id*=message-reply]::before{
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Self Username Tweaks */
|
||||||
|
#app-mount [class^="messageListItem__"][data-is-self="true"] [class*="header"],
|
||||||
|
#app-mount [class*="message"] [data-author-self="true"] [class*="header"] {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="messageListItem__"][data-is-self="true"] [class*="header"] span,
|
||||||
|
[data-author-self="true"] [class*="header"] span {
|
||||||
|
margin-left: 0.25rem;
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* resize fixing */
|
||||||
|
#app-mount [class*="contents"] pre,
|
||||||
|
#app-mount [class*="message"] {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount [class*="contents"] [class*="messageContent"] {
|
||||||
|
background-color: var(--defaultMessageColor);
|
||||||
|
padding: 0.3vw 0.5vw 0.3vw 0.5vw;
|
||||||
|
margin-left: unset;
|
||||||
|
width: fit-content;
|
||||||
|
border-radius: 0.7vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="messageListItem__"][data-is-self="true"]
|
||||||
|
[class*="compact"][class*="wrapper"]
|
||||||
|
[class*="messageContent"],
|
||||||
|
[class*="message"]
|
||||||
|
[class*="compact"]
|
||||||
|
[class*="wrapper"]
|
||||||
|
[data-author-self="true"]
|
||||||
|
[class*="messageContent"] {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount [class*="compact"] [class*="wrapper"] {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55 {
|
||||||
|
background-color: var(--mention);
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount .mentioned__5126c:hover .contents_c19a55 .messageContent_c19a55,
|
||||||
|
#app-mount
|
||||||
|
.mentioned__5126c.selected__5126c
|
||||||
|
.contents_c19a55
|
||||||
|
.messageContent_c19a55 {
|
||||||
|
background-color: var(--defaultMessageColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount .mentioned__5126c .contents_c19a55 .messageContent_c19a55::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
width: 3px;
|
||||||
|
margin: 8px 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-mount .repliedMessage_c19a55 {
|
||||||
|
background-color: var(--message-hover);
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 6px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: fit-content;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-is-self="true"] [id*="message-reply"]::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,55 +4,54 @@
|
||||||
*::after,
|
*::after,
|
||||||
*::-webkit-scrollbar-thumb,
|
*::-webkit-scrollbar-thumb,
|
||||||
*::-webkit-scrollbar-track {
|
*::-webkit-scrollbar-track {
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
mask: none !important;
|
mask: none !important;
|
||||||
-webkit-mask: none !important;
|
-webkit-mask: none !important;
|
||||||
}
|
}
|
||||||
.svg-1G_H_8 rect[style],
|
.svg-1G_H_8 rect[style],
|
||||||
.svg-1G_H_8 circle[style] {
|
.svg-1G_H_8 circle[style] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.slider-HJFN2i rect {
|
.slider-HJFN2i rect {
|
||||||
rx: 0;
|
rx: 0;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* Voice pfp fix */
|
/* Voice pfp fix */
|
||||||
.voiceUser-3nRK-K .userAvatar-3Hwf1F {
|
.voiceUser-3nRK-K .userAvatar-3Hwf1F {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* Voice Member count FIX */
|
/* Voice Member count FIX */
|
||||||
.total-1c5KCN {
|
.total-1c5KCN {
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
}
|
}
|
||||||
.total-1c5KCN::after {
|
.total-1c5KCN::after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* Theme checkmark fix */
|
/* Theme checkmark fix */
|
||||||
.checkmarkCircle-2LCcdI {
|
.checkmarkCircle-2LCcdI {
|
||||||
background-color: var(--brand-500);
|
background-color: var(--brand-500);
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* Radio buttons (settings) fix */
|
/* Radio buttons (settings) fix */
|
||||||
.radioBar-1XgZqD svg {
|
.radioBar-1XgZqD svg {
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
}
|
}
|
||||||
.radioBar-1XgZqD svg path,
|
.radioBar-1XgZqD svg path,
|
||||||
.radioBar-1XgZqD circle {
|
.radioBar-1XgZqD circle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.radioBar-1XgZqD div {
|
.radioBar-1XgZqD div {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.radioBar-1XgZqD div:has(circle)::before{
|
.radioBar-1XgZqD div:has(circle)::before {
|
||||||
content:"";
|
content: "";
|
||||||
position:absolute;
|
position: absolute;
|
||||||
background:currentColor;
|
background: currentColor;
|
||||||
width:13px;
|
width: 13px;
|
||||||
height:13px;
|
height: 13px;
|
||||||
left:25%;
|
left: 25%;
|
||||||
top: 22%;
|
top: 22%;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -21,8 +21,13 @@
|
||||||
.peopleListItem_d14722:hover {
|
.peopleListItem_d14722:hover {
|
||||||
background-color: var(--background-modifier-selected) !important;
|
background-color: var(--background-modifier-selected) !important;
|
||||||
}
|
}
|
||||||
.peopleList__2379e .content__23cab > div[aria-hidden*="true"] + div.peopleListItem_d14722,
|
.peopleList__2379e
|
||||||
.peopleList__2379e .content__23cab:not(:has([aria-hidden*="true"] + div.peopleListItem_d14722)) > div:first-child {
|
.content__23cab
|
||||||
|
> div[aria-hidden*="true"]
|
||||||
|
+ div.peopleListItem_d14722,
|
||||||
|
.peopleList__2379e
|
||||||
|
.content__23cab:not(:has([aria-hidden*="true"] + div.peopleListItem_d14722))
|
||||||
|
> div:first-child {
|
||||||
border-radius: 12px 12px 0 0 !important;
|
border-radius: 12px 12px 0 0 !important;
|
||||||
}
|
}
|
||||||
.peopleList__2379e .content__23cab > div:last-child {
|
.peopleList__2379e .content__23cab > div:last-child {
|
||||||
|
|
@ -36,7 +41,9 @@
|
||||||
.item_e4ca95 {
|
.item_e4ca95 {
|
||||||
border-radius: 8px !important;
|
border-radius: 8px !important;
|
||||||
}
|
}
|
||||||
.itemCard__1f162, .section_efc22d, .body__83069 {
|
.itemCard__1f162,
|
||||||
|
.section_efc22d,
|
||||||
|
.body__83069 {
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
}
|
}
|
||||||
.addFriendInputWrapper__4bf8e {
|
.addFriendInputWrapper__4bf8e {
|
||||||
|
|
@ -44,47 +51,27 @@
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
/* server list */
|
/* server list */
|
||||||
.guilds__2b93a .scroller__3d071 > .tutorialContainer__890ea .childWrapper__01b9c svg {
|
.guilds__2b93a
|
||||||
|
.scroller__3d071
|
||||||
|
> .tutorialContainer__890ea
|
||||||
|
.childWrapper__01b9c
|
||||||
|
svg {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
.guilds__2b93a .scroller__3d071 > .tutorialContainer__890ea .childWrapper__01b9c svg path {
|
.guilds__2b93a
|
||||||
d: path("M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z") !important;
|
.scroller__3d071
|
||||||
|
> .tutorialContainer__890ea
|
||||||
|
.childWrapper__01b9c
|
||||||
|
svg
|
||||||
|
path {
|
||||||
|
d: path(
|
||||||
|
"M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"
|
||||||
|
) !important;
|
||||||
border: 1px solid red;
|
border: 1px solid red;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
/* using ServersList from DaBluLite */
|
/* using ServersList from DaBluLite */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -336,41 +323,6 @@
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* */
|
/* */
|
||||||
.sidebar_ded4b5 {
|
.sidebar_ded4b5 {
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
|
|
@ -456,31 +408,57 @@
|
||||||
background-color: var(--background-modifier-selected);
|
background-color: var(--background-modifier-selected);
|
||||||
}
|
}
|
||||||
/* first item */
|
/* first item */
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:first-of-type .interactive__776ee{
|
.sidebar_ded4b5
|
||||||
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> .container__8759a:first-of-type
|
||||||
|
.interactive__776ee {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
/* border: 1px solid red; */
|
/* border: 1px solid red; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* last child */
|
/* last child */
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:nth-last-child(1) .interactive__776ee {
|
.sidebar_ded4b5
|
||||||
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> .container__8759a:nth-last-child(1)
|
||||||
|
.interactive__776ee {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* first child below THING */
|
/* first child below THING */
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container_de798d + .container__8759a .interactive__776ee {
|
.sidebar_ded4b5
|
||||||
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> .container_de798d
|
||||||
|
+ .container__8759a
|
||||||
|
.interactive__776ee {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* overrides ^^, last thing above THING */
|
/* overrides ^^, last thing above THING */
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container__8759a:has(+ .container_de798d) .interactive__776ee {
|
.sidebar_ded4b5
|
||||||
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> .container__8759a:has(+ .container_de798d)
|
||||||
|
.interactive__776ee {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* middle child? */
|
/* middle child? */
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > div + .container__8759a:has(+ .container_de798d) > .interactive__776ee,
|
.sidebar_ded4b5
|
||||||
.sidebar_ded4b5 .privateChannels__93473 .content__23cab > .container_de798d + .container__8759a:only-child {
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> div
|
||||||
|
+ .container__8759a:has(+ .container_de798d)
|
||||||
|
> .interactive__776ee,
|
||||||
|
.sidebar_ded4b5
|
||||||
|
.privateChannels__93473
|
||||||
|
.content__23cab
|
||||||
|
> .container_de798d
|
||||||
|
+ .container__8759a:only-child {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
@ -511,9 +489,11 @@
|
||||||
.content_b60865,
|
.content_b60865,
|
||||||
.containerDefault__3187b:hover .link__95dc0,
|
.containerDefault__3187b:hover .link__95dc0,
|
||||||
.emojiColorFill__3e432 {
|
.emojiColorFill__3e432 {
|
||||||
border-radius:12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.link__95dc0:has(.dots_a97068) .linkTop_eaa673 > div:last-child:has(.dots_a97068) {
|
.link__95dc0:has(.dots_a97068)
|
||||||
|
.linkTop_eaa673
|
||||||
|
> div:last-child:has(.dots_a97068) {
|
||||||
/* border: 1px solid red; */
|
/* border: 1px solid red; */
|
||||||
/* background-color: var(--brand-500);
|
/* background-color: var(--brand-500);
|
||||||
border: 4px solid var(--background-secondary); */
|
border: 4px solid var(--background-secondary); */
|
||||||
|
|
@ -526,13 +506,17 @@
|
||||||
left: -2px !important;
|
left: -2px !important;
|
||||||
top: 7px;
|
top: 7px;
|
||||||
}
|
}
|
||||||
.link__95dc0:has(.dots_a97068) .linkTop_eaa673 > div:last-child:has(.dots_a97068) > svg {
|
.link__95dc0:has(.dots_a97068)
|
||||||
|
.linkTop_eaa673
|
||||||
|
> div:last-child:has(.dots_a97068)
|
||||||
|
> svg {
|
||||||
/* transform: scale(0.6, 0.6); */
|
/* transform: scale(0.6, 0.6); */
|
||||||
}
|
}
|
||||||
.link__95dc0:has(.dots_a97068) .linkTop_eaa673 .iconContainer__3f9b0 {
|
.link__95dc0:has(.dots_a97068) .linkTop_eaa673 .iconContainer__3f9b0 {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
.bar__004d9:not(.mentionsBar__4b47a) .unreadIcon_efbd40, .bar__004d9:not(.mentionsBar__4b47a) .barText__1a44f {
|
.bar__004d9:not(.mentionsBar__4b47a) .unreadIcon_efbd40,
|
||||||
|
.bar__004d9:not(.mentionsBar__4b47a) .barText__1a44f {
|
||||||
color: var(--brand-400) !important;
|
color: var(--brand-400) !important;
|
||||||
}
|
}
|
||||||
.container_f87d43 .spineBorder_bdec8b {
|
.container_f87d43 .spineBorder_bdec8b {
|
||||||
|
|
@ -580,33 +564,49 @@
|
||||||
.chat__52833:has(.profilePanel__12596) .chatContent__5dca8 {
|
.chat__52833:has(.profilePanel__12596) .chatContent__5dca8 {
|
||||||
border-radius: 0px 16px 16px 0px;
|
border-radius: 0px 16px 16px 0px;
|
||||||
}
|
}
|
||||||
.chat__52833:has(.members__9f47b) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track,
|
.chat__52833:has(.members__9f47b)
|
||||||
.chat__52833:has(.searchResultsWrap__9f374) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track,
|
.chatContent__5dca8
|
||||||
.chat__52833:has(.profilePanel__12596) .chatContent__5dca8 .scroller__1f96e::-webkit-scrollbar-track {
|
.scroller__1f96e::-webkit-scrollbar-track,
|
||||||
|
.chat__52833:has(.searchResultsWrap__9f374)
|
||||||
|
.chatContent__5dca8
|
||||||
|
.scroller__1f96e::-webkit-scrollbar-track,
|
||||||
|
.chat__52833:has(.profilePanel__12596)
|
||||||
|
.chatContent__5dca8
|
||||||
|
.scroller__1f96e::-webkit-scrollbar-track {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
.chat__52833:has(.members__9f47b) .container_b181b6 .scrollerBase_dc3aa9::-webkit-scrollbar-track {
|
.chat__52833:has(.members__9f47b)
|
||||||
|
.container_b181b6
|
||||||
|
.scrollerBase_dc3aa9::-webkit-scrollbar-track {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar {
|
.chat__52833:has(.members__9f47b)
|
||||||
|
.container_b181b6
|
||||||
|
.thin_b1c063::-webkit-scrollbar {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
}
|
}
|
||||||
.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar-thumb {
|
.chat__52833:has(.members__9f47b)
|
||||||
|
.container_b181b6
|
||||||
|
.thin_b1c063::-webkit-scrollbar-thumb {
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: 4px solid transparent;
|
border: 4px solid transparent;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: var(--scrollbar-auto-thumb);
|
background-color: var(--scrollbar-auto-thumb);
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
}
|
}
|
||||||
.chat__52833:has(.members__9f47b) .container_b181b6 .thin_b1c063::-webkit-scrollbar-track {
|
.chat__52833:has(.members__9f47b)
|
||||||
|
.container_b181b6
|
||||||
|
.thin_b1c063::-webkit-scrollbar-track {
|
||||||
border: 4px solid transparent;
|
border: 4px solid transparent;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: var(--scrollbar-auto-track);
|
background-color: var(--scrollbar-auto-track);
|
||||||
}
|
}
|
||||||
.container__5c7e7, .applicationStore_fc7d76, .shop_b31ed2 {
|
.container__5c7e7,
|
||||||
|
.applicationStore_fc7d76,
|
||||||
|
.shop_b31ed2 {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
border-radius: 16px 0px 0px 16px !important;
|
border-radius: 16px 0px 0px 16px !important;
|
||||||
}
|
}
|
||||||
|
|
@ -620,7 +620,9 @@
|
||||||
.chatHeaderBar__28ee6 {
|
.chatHeaderBar__28ee6 {
|
||||||
border-radius: 0px 16px 0px 0px !important;
|
border-radius: 0px 16px 0px 0px !important;
|
||||||
}
|
}
|
||||||
.container_b2ce9c, .members__9f47b, .searchResultsWrap__9f374 {
|
.container_b2ce9c,
|
||||||
|
.members__9f47b,
|
||||||
|
.searchResultsWrap__9f374 {
|
||||||
border-radius: 16px 0px 0px 16px !important;
|
border-radius: 16px 0px 0px 16px !important;
|
||||||
}
|
}
|
||||||
.container_d3a736 {
|
.container_d3a736 {
|
||||||
|
|
@ -714,10 +716,10 @@
|
||||||
/* background-color: tomato; */
|
/* background-color: tomato; */
|
||||||
}
|
}
|
||||||
/* help me */
|
/* help me */
|
||||||
.public-DraftEditorPlaceholder-root{
|
.public-DraftEditorPlaceholder-root {
|
||||||
top: 6px;
|
top: 6px;
|
||||||
}
|
}
|
||||||
.public-DraftEditorPlaceholder-root > div{
|
.public-DraftEditorPlaceholder-root > div {
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
}
|
}
|
||||||
.DraftEditor-editorContainer {
|
.DraftEditor-editorContainer {
|
||||||
|
|
@ -728,10 +730,12 @@
|
||||||
padding-left: 0px !important;
|
padding-left: 0px !important;
|
||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
}
|
}
|
||||||
.public-DraftEditorPlaceholder-root, .public-DraftEditor-content {
|
.public-DraftEditorPlaceholder-root,
|
||||||
|
.public-DraftEditor-content {
|
||||||
padding-bottom: 0px !important;
|
padding-bottom: 0px !important;
|
||||||
}
|
}
|
||||||
.public-DraftEditor-content > div, .public-DraftEditor-content > div > div {
|
.public-DraftEditor-content > div,
|
||||||
|
.public-DraftEditor-content > div > div {
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
border: 0px solid red;
|
border: 0px solid red;
|
||||||
}
|
}
|
||||||
|
|
@ -770,8 +774,9 @@
|
||||||
.public-DraftStyleDefault-block .searchFilter__118cb + .searchAnswer_b452e7 {
|
.public-DraftStyleDefault-block .searchFilter__118cb + .searchAnswer_b452e7 {
|
||||||
border-radius: 0px 12px 12px 0px;
|
border-radius: 0px 12px 12px 0px;
|
||||||
}
|
}
|
||||||
.public-DraftStyleDefault-block .searchFilter__118cb:has(+ .searchAnswer_b452e7) {
|
.public-DraftStyleDefault-block
|
||||||
border-radius: 12px 0px 0px 12px
|
.searchFilter__118cb:has(+ .searchAnswer_b452e7) {
|
||||||
|
border-radius: 12px 0px 0px 12px;
|
||||||
}
|
}
|
||||||
.public-DraftStyleDefault-block > span {
|
.public-DraftStyleDefault-block > span {
|
||||||
padding-top: 3px !important;
|
padding-top: 3px !important;
|
||||||
|
|
@ -780,10 +785,12 @@
|
||||||
.scrollerContent_c73942 {
|
.scrollerContent_c73942 {
|
||||||
margin-bottom: 10px !important;
|
margin-bottom: 10px !important;
|
||||||
}
|
}
|
||||||
.chatContent__5dca8:has(.form__13a2c .base__512ed) .scroller__1f96e::-webkit-scrollbar-track {
|
.chatContent__5dca8:has(.form__13a2c .base__512ed)
|
||||||
|
.scroller__1f96e::-webkit-scrollbar-track {
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
.chatContent__5dca8:has(.attachedBars_da3c74) .scroller__1f96e::-webkit-scrollbar-track {
|
.chatContent__5dca8:has(.attachedBars_da3c74)
|
||||||
|
.scroller__1f96e::-webkit-scrollbar-track {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
@ -807,40 +814,45 @@
|
||||||
background-color: var(--background-secondary);
|
background-color: var(--background-secondary);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.embedWrapper_c143d9, .imageWrapper_fd6587,
|
.embedWrapper_c143d9,
|
||||||
|
.imageWrapper_fd6587,
|
||||||
.spoilerContent__37bfa:has(.spoilerEmbed__9a546),
|
.spoilerContent__37bfa:has(.spoilerEmbed__9a546),
|
||||||
.clickableWrapper__64072 img,
|
.clickableWrapper__64072 img,
|
||||||
.messageAttachment_b97504, .imageContainer__04362,
|
.messageAttachment_b97504,
|
||||||
|
.imageContainer__04362,
|
||||||
.attachment__7a2d0,
|
.attachment__7a2d0,
|
||||||
.embedVideo__0c65b,
|
.embedVideo__0c65b,
|
||||||
.embedVideo__0c65b video,
|
.embedVideo__0c65b video,
|
||||||
.video__4c052 + .cover__0b3cf, .wrapper__3a7a0,
|
.video__4c052 + .cover__0b3cf,
|
||||||
|
.wrapper__3a7a0,
|
||||||
.wrapperAudio__555ce,
|
.wrapperAudio__555ce,
|
||||||
.attachment_f3cf2c,
|
.attachment_f3cf2c,
|
||||||
.wrapper_efe67f,
|
.wrapper_efe67f,
|
||||||
.container__767d1 {
|
.container__767d1 {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.hoverButtonGroup__5b423, .hoverButton__13836 {
|
.hoverButtonGroup__5b423,
|
||||||
|
.hoverButton__13836 {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
.audioControls__9fbe9 {
|
.audioControls__9fbe9 {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
.textContainer__709ff {
|
.textContainer__709ff {
|
||||||
border-radius: 12px 12px 0px 0px!important;
|
border-radius: 12px 12px 0px 0px !important;
|
||||||
}
|
}
|
||||||
.newMosaicStyle__8d3be:has(.footer__06f4b) .shiki-container .shiki-root{
|
.newMosaicStyle__8d3be:has(.footer__06f4b) .shiki-container .shiki-root {
|
||||||
border-radius: 12px 12px 0px 0px;
|
border-radius: 12px 12px 0px 0px;
|
||||||
}
|
}
|
||||||
.messageContent__21e69 > .shiki-container, .shiki-root{
|
.messageContent__21e69 > .shiki-container,
|
||||||
|
.shiki-root {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.hljs {
|
.hljs {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.footer__06f4b {
|
.footer__06f4b {
|
||||||
border-radius: 0px 0px 12px 12px!important;
|
border-radius: 0px 0px 12px 12px !important;
|
||||||
}
|
}
|
||||||
.gifTag__9db5a {
|
.gifTag__9db5a {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
@ -852,7 +864,7 @@
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-radius: 24px !important;
|
border-radius: 24px !important;
|
||||||
}
|
}
|
||||||
.bottomControls__8bd89 .controlButton_ab2899 {
|
.bottomControls__8bd89 .controlButton_ab2899 {
|
||||||
border-radius: 100% !important;
|
border-radius: 100% !important;
|
||||||
}
|
}
|
||||||
.container__77df0 {
|
.container__77df0 {
|
||||||
|
|
@ -873,7 +885,8 @@
|
||||||
.autocomplete_df266d {
|
.autocomplete_df266d {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.wrapper__19c60, .selected__608f1 {
|
.wrapper__19c60,
|
||||||
|
.selected__608f1 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.base__76a71 {
|
.base__76a71 {
|
||||||
|
|
@ -890,7 +903,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b,
|
fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b,
|
||||||
.formInput_c28524, .addAnswerButton__0db97 {
|
.formInput_c28524,
|
||||||
|
.addAnswerButton__0db97 {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
@ -928,43 +942,50 @@ fieldset.answerInputsContainer__22676 .defaultTextInputWrapper__4f24b,
|
||||||
border-radius: 0 0 12px 12px !important;
|
border-radius: 0 0 12px 12px !important;
|
||||||
}
|
}
|
||||||
#emoji-picker-tab-panel .wrapper_cd625e {
|
#emoji-picker-tab-panel .wrapper_cd625e {
|
||||||
border-radius: 0 0 0 12px !important;
|
border-radius: 0 0 0 12px !important;
|
||||||
}
|
}
|
||||||
#emoji-picker-tab-panel .header__55964{
|
#emoji-picker-tab-panel .header__55964 {
|
||||||
border-radius: 12px 12px 0 0 !important;
|
border-radius: 12px 12px 0 0 !important;
|
||||||
}
|
}
|
||||||
#emoji-picker-tab-panel .header__55964{
|
#emoji-picker-tab-panel .header__55964 {
|
||||||
border-radius: 12px 12px 0 0 !important;
|
border-radius: 12px 12px 0 0 !important;
|
||||||
}
|
}
|
||||||
.navItem_df0bc1 {
|
.navItem_df0bc1 {
|
||||||
border-radius: 8px !important;
|
border-radius: 8px !important;
|
||||||
}
|
}
|
||||||
.searchBar__8f956 {
|
.searchBar__8f956 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.diversitySelectorOptions__846c5, .diversityEmojiItem__6505f {
|
.diversitySelectorOptions__846c5,
|
||||||
|
.diversityEmojiItem__6505f {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.categoryItemDefaultCategorySelected__8245a, .categoryItemDefaultCategory__67fe7,
|
.categoryItemDefaultCategorySelected__8245a,
|
||||||
.stickerCategory__4891e{
|
.categoryItemDefaultCategory__67fe7,
|
||||||
|
.stickerCategory__4891e {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.picker__6dca7 {
|
.picker__6dca7 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.newlyAddedHighlight_b1b06a {
|
.newlyAddedHighlight_b1b06a {
|
||||||
border-radius: 8px 8px 0 8px!important;
|
border-radius: 8px 8px 0 8px !important;
|
||||||
}
|
}
|
||||||
.newlyAddedBadge__97630 {
|
.newlyAddedBadge__97630 {
|
||||||
border-radius: 0 0 8px 8px;
|
border-radius: 0 0 8px 8px;
|
||||||
}
|
}
|
||||||
.newlyAddedHighlightContainer__974c5:has(li:only-child) .newlyAddedHighlight_b1b06a {
|
.newlyAddedHighlightContainer__974c5:has(li:only-child)
|
||||||
|
.newlyAddedHighlight_b1b06a {
|
||||||
border-radius: 8px 8px 0 0 !important;
|
border-radius: 8px 8px 0 0 !important;
|
||||||
}
|
}
|
||||||
.container_e4c233 {
|
.container_e4c233 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.result_e1fc74, .gif__2aa16, .categoryFadeBlurple_e73c11, .categoryFade_f9c843, .result_e1fc74::after {
|
.result_e1fc74,
|
||||||
|
.gif__2aa16,
|
||||||
|
.categoryFadeBlurple_e73c11,
|
||||||
|
.categoryFade_f9c843,
|
||||||
|
.result_e1fc74::after {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -981,7 +1002,7 @@ border-radius: 0 0 0 12px !important;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
.form__13a2c:has(.buttonContainer__1c00c) .wrapper_fbbb73 {
|
.form__13a2c:has(.buttonContainer__1c00c) .wrapper_fbbb73 {
|
||||||
height: 30px
|
height: 30px;
|
||||||
}
|
}
|
||||||
.form__13a2c .scrollableContainer__33e06::-webkit-scrollbar {
|
.form__13a2c .scrollableContainer__33e06::-webkit-scrollbar {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
|
|
@ -1014,7 +1035,9 @@ border-radius: 0 0 0 12px !important;
|
||||||
font-size: 0px;
|
font-size: 0px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
.chatContent__5dca8:has(.form__13a2c .base__512ed) .jumpToPresentBar__0ff7f > button:last-child {
|
.chatContent__5dca8:has(.form__13a2c .base__512ed)
|
||||||
|
.jumpToPresentBar__0ff7f
|
||||||
|
> button:last-child {
|
||||||
bottom: 42px;
|
bottom: 42px;
|
||||||
}
|
}
|
||||||
.jumpToPresentBar__0ff7f > button:last-child:active {
|
.jumpToPresentBar__0ff7f > button:last-child:active {
|
||||||
|
|
@ -1077,7 +1100,7 @@ border-radius: 0 0 0 12px !important;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
.channelTextArea__2e60f > .scrollableContainer__33e06{
|
.channelTextArea__2e60f > .scrollableContainer__33e06 {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
.form__13a2c:has(.channelAttachmentArea__740bf) .channelTextArea__2e60f {
|
.form__13a2c:has(.channelAttachmentArea__740bf) .channelTextArea__2e60f {
|
||||||
|
|
@ -1112,10 +1135,10 @@ border-radius: 0 0 0 12px !important;
|
||||||
border: 0px solid green;
|
border: 0px solid green;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
.textArea__74543 > div > div{
|
.textArea__74543 > div > div {
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
.expression-picker-chat-input-button.buttonContainer__8b164{
|
.expression-picker-chat-input-button.buttonContainer__8b164 {
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
.buttons_ce5b56 {
|
.buttons_ce5b56 {
|
||||||
|
|
@ -1140,11 +1163,14 @@ border-radius: 0 0 0 12px !important;
|
||||||
top: 5.5px !important;
|
top: 5.5px !important;
|
||||||
}
|
}
|
||||||
/* ^ fix for gift button not aligning when attachment exists */
|
/* ^ fix for gift button not aligning when attachment exists */
|
||||||
.form__13a2c:has(.channelAttachmentArea__740bf) .buttons_ce5b56 > button:not(.separator__8424b) .button_f0455c {
|
.form__13a2c:has(.channelAttachmentArea__740bf)
|
||||||
|
.buttons_ce5b56
|
||||||
|
> button:not(.separator__8424b)
|
||||||
|
.button_f0455c {
|
||||||
margin-top: 5.5px !important;
|
margin-top: 5.5px !important;
|
||||||
}
|
}
|
||||||
/* best fix of all time */
|
/* best fix of all time */
|
||||||
.buttons_ce5b56 > div:has(+ .separator__8424b){
|
.buttons_ce5b56 > div:has(+ .separator__8424b) {
|
||||||
border-radius: 0px 20px 20px 0px;
|
border-radius: 0px 20px 20px 0px;
|
||||||
}
|
}
|
||||||
.buttons_ce5b56 > div:not(:has(.separator__8424b)):last-child {
|
.buttons_ce5b56 > div:not(:has(.separator__8424b)):last-child {
|
||||||
|
|
@ -1227,11 +1253,11 @@ border-radius: 0 0 0 12px !important;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
.member_aa4760 {
|
.member_aa4760 {
|
||||||
background-color: var(--background-primary);
|
background-color: var(--background-primary);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-bottom: 1px solid var(--background-accent);
|
border-bottom: 1px solid var(--background-accent);
|
||||||
}
|
}
|
||||||
.member_aa4760:hover {
|
.member_aa4760:hover {
|
||||||
background-color: var(--background-modifier-hover);
|
background-color: var(--background-modifier-hover);
|
||||||
|
|
@ -1252,48 +1278,53 @@ border-radius: 0 0 0 12px !important;
|
||||||
/* 1. find 2nd to last member item */
|
/* 1. find 2nd to last member item */
|
||||||
/* 2. find 1st to last member item */
|
/* 2. find 1st to last member item */
|
||||||
/* 3. last one does the same as (2nd) */
|
/* 3. last one does the same as (2nd) */
|
||||||
.members__9f47b > .member_aa4760:nth-last-of-type(2), .members__9f47b > .member_aa4760:nth-last-of-type(1), .content__23cab > .member_aa4760:nth-last-of-type(1) {
|
.members__9f47b > .member_aa4760:nth-last-of-type(2),
|
||||||
border-radius: 0 0 12px 12px;
|
.members__9f47b > .member_aa4760:nth-last-of-type(1),
|
||||||
border-bottom: none;
|
.content__23cab > .member_aa4760:nth-last-of-type(1) {
|
||||||
/* border: 1px solid palevioletred !important; */
|
border-radius: 0 0 12px 12px;
|
||||||
|
border-bottom: none;
|
||||||
|
/* border: 1px solid palevioletred !important; */
|
||||||
}
|
}
|
||||||
/* same thing as above ^^^^^^^^^^^^^^^^^^^^^ */
|
/* same thing as above ^^^^^^^^^^^^^^^^^^^^^ */
|
||||||
.members__9f47b > .member_aa4760:nth-last-of-type(1) {
|
.members__9f47b > .member_aa4760:nth-last-of-type(1) {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
/* border: 1px solid yellow !important; */
|
/* border: 1px solid yellow !important; */
|
||||||
}
|
}
|
||||||
/* first member item + the one BELOW GROUP */
|
/* first member item + the one BELOW GROUP */
|
||||||
.membersGroup__85843 + .member_aa4760 {
|
.membersGroup__85843 + .member_aa4760 {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
/* border: 1px solid red !important; */
|
/* border: 1px solid red !important; */
|
||||||
}
|
}
|
||||||
/* overrides ^^ + last item + ABOVE GROUP */
|
/* overrides ^^ + last item + ABOVE GROUP */
|
||||||
/* shows an error but thats fine */
|
/* shows an error but thats fine */
|
||||||
.member_aa4760:has(+ .membersGroup__85843) {
|
.member_aa4760:has(+ .membersGroup__85843) {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
/* border: 1px solid green !important; */
|
/* border: 1px solid green !important; */
|
||||||
}
|
}
|
||||||
/* 1. only-child */
|
/* 1. only-child */
|
||||||
/* 2. in list, find group ADJACENT to ITEM without any class above not matching DIV (only-child) */
|
/* 2. in list, find group ADJACENT to ITEM without any class above not matching DIV (only-child) */
|
||||||
.membersGroup__85843 + .member_aa4760:has(+ .membersGroup__85843),
|
.membersGroup__85843 + .member_aa4760:has(+ .membersGroup__85843),
|
||||||
.members__9f47b > .membersGroup__85843 + .member_aa4760:has(+ div:not([class])) {
|
.members__9f47b
|
||||||
border-radius: 12px;
|
> .membersGroup__85843
|
||||||
border-bottom: none;
|
+ .member_aa4760:has(+ div:not([class])) {
|
||||||
/* border: 1px solid yellow !important; */
|
border-radius: 12px;
|
||||||
|
border-bottom: none;
|
||||||
|
/* border: 1px solid yellow !important; */
|
||||||
}
|
}
|
||||||
/* last/first/single child? keeping it either way */
|
/* last/first/single child? keeping it either way */
|
||||||
.membersGroup__85843 + .member_aa4760:nth-last-of-type(1) {
|
.membersGroup__85843 + .member_aa4760:nth-last-of-type(1) {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
/* offline user */
|
/* offline user */
|
||||||
.offline_c1fd80 > div {
|
.offline_c1fd80 > div {
|
||||||
opacity: .3;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.item__48dda, .selected__5711d {
|
.item__48dda,
|
||||||
|
.selected__5711d {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
/* duped override for the above */
|
/* duped override for the above */
|
||||||
|
|
@ -1310,7 +1341,8 @@ border-radius: 0 0 0 12px !important;
|
||||||
.container_d5f6d0 {
|
.container_d5f6d0 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.previewContainer_c7e80d, .previewContainer_d2b616 {
|
.previewContainer_c7e80d,
|
||||||
|
.previewContainer_d2b616 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.upsellContainer__12e24 {
|
.upsellContainer__12e24 {
|
||||||
|
|
@ -1322,7 +1354,7 @@ border-radius: 0 0 0 12px !important;
|
||||||
.tierBody__615a1 {
|
.tierBody__615a1 {
|
||||||
border-radius: 0px 0px 12px 12px;
|
border-radius: 0px 0px 12px 12px;
|
||||||
}
|
}
|
||||||
.tierHeaderWithoutCardBody__1282a {
|
.tierHeaderWithoutCardBody__1282a {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.placeholderCard__622e2 {
|
.placeholderCard__622e2 {
|
||||||
|
|
@ -1351,17 +1383,19 @@ border-radius: 0 0 0 12px !important;
|
||||||
.copyInput_c1c679 {
|
.copyInput_c1c679 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.changelog__6d46d, .safetyChecklist__826c8 {
|
.changelog__6d46d,
|
||||||
|
.safetyChecklist__826c8 {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.auditLog__6c805, .header_e08fd2 {
|
.auditLog__6c805,
|
||||||
|
.header_e08fd2 {
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.auditLog__6c805:has(.headerExpanded__03c29) .header_e08fd2{
|
.auditLog__6c805:has(.headerExpanded__03c29) .header_e08fd2 {
|
||||||
border-radius: 16px 16px 0px 0px;
|
border-radius: 16px 16px 0px 0px;
|
||||||
}
|
}
|
||||||
.changeDetails_ecd760 {
|
.changeDetails_ecd760 {
|
||||||
border-radius: 0px 0px 16px 16px ;
|
border-radius: 0px 0px 16px 16px;
|
||||||
}
|
}
|
||||||
.bannedUser__38b44 {
|
.bannedUser__38b44 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|
@ -1383,7 +1417,8 @@ border-radius: 0 0 0 12px !important;
|
||||||
.userPopoutOuter_d739b2 {
|
.userPopoutOuter_d739b2 {
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
}
|
}
|
||||||
.userProfileModalOuter__3fe6b, .root_ba16f0 {
|
.userProfileModalOuter__3fe6b,
|
||||||
|
.root_ba16f0 {
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
}
|
}
|
||||||
.userProfileModalInner__7c87d::before {
|
.userProfileModalInner__7c87d::before {
|
||||||
|
|
@ -1395,7 +1430,8 @@ border-radius: 0 0 0 12px !important;
|
||||||
.userPopoutInner_f545a3::before {
|
.userPopoutInner_f545a3::before {
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.userProfileModalOverlayBackground__52d65, .userPopoutOverlayBackground_d8afa4 {
|
.userProfileModalOverlayBackground__52d65,
|
||||||
|
.userPopoutOverlayBackground_d8afa4 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
/* to fix weird pfp hover */
|
/* to fix weird pfp hover */
|
||||||
|
|
@ -1409,7 +1445,9 @@ border-radius: 0 0 0 12px !important;
|
||||||
.bannerSVGWrapper__3e7b0 .banner__6d414 {
|
.bannerSVGWrapper__3e7b0 .banner__6d414 {
|
||||||
border-radius: 16px 16px 0px 0px;
|
border-radius: 16px 16px 0px 0px;
|
||||||
}
|
}
|
||||||
.profileBadges__7a7cb, .badgeList_c193e3, .badgeList_ef4131 {
|
.profileBadges__7a7cb,
|
||||||
|
.badgeList_c193e3,
|
||||||
|
.badgeList_ef4131 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.role__631a3 {
|
.role__631a3 {
|
||||||
|
|
@ -1427,11 +1465,12 @@ border-radius: 0 0 0 12px !important;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.group__6ae8b, .group__6ae8b .item_f48d11 {
|
.group__6ae8b,
|
||||||
|
.group__6ae8b .item_f48d11 {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 .headerText__94c22{
|
.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 .headerText__94c22 {
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -1462,8 +1501,14 @@ border-radius: 0 0 0 12px !important;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
/* single child */
|
/* single child */
|
||||||
.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .item__48dda:has(+ .separator_fdbcfd),
|
.sidebar__9e3e2
|
||||||
.sidebar__9e3e2 .side_b4b3f6 > .separator_fdbcfd + .item__48dda:has(+ .separator_fdbcfd) {
|
.side_b4b3f6
|
||||||
|
> .header_f72511
|
||||||
|
+ .item__48dda:has(+ .separator_fdbcfd),
|
||||||
|
.sidebar__9e3e2
|
||||||
|
.side_b4b3f6
|
||||||
|
> .separator_fdbcfd
|
||||||
|
+ .item__48dda:has(+ .separator_fdbcfd) {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
@ -1473,23 +1518,31 @@ border-radius: 0 0 0 12px !important;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
/* nitro tab */
|
/* nitro tab */
|
||||||
.sidebar__9e3e2 .side_b4b3f6 > .header_f72511 + .premiumTab__57bdc.item__48dda .selectedBackground_d847da{
|
.sidebar__9e3e2
|
||||||
|
.side_b4b3f6
|
||||||
|
> .header_f72511
|
||||||
|
+ .premiumTab__57bdc.item__48dda
|
||||||
|
.selectedBackground_d847da {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.tabBarItem_ad34cc, .brand_ce3ecf {
|
.tabBarItem_ad34cc,
|
||||||
|
.brand_ce3ecf {
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
}
|
}
|
||||||
.cardPrimary_cb7a0e {
|
.cardPrimary_cb7a0e {
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
.connectContainer__8050b, .connection_fff5f6 {
|
.connectContainer__8050b,
|
||||||
|
.connection_fff5f6 {
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
}
|
}
|
||||||
.connection_fff5f6, .connectionHeader__3c82d {
|
.connection_fff5f6,
|
||||||
|
.connectionHeader__3c82d {
|
||||||
border-radius: 16px 16px 0px 0px;
|
border-radius: 16px 16px 0px 0px;
|
||||||
}
|
}
|
||||||
.connection_fff5f6, .connectionOptionsWrapper_abe849 {
|
.connection_fff5f6,
|
||||||
|
.connectionOptionsWrapper_abe849 {
|
||||||
border-radius: 0px 0px 16px 16px;
|
border-radius: 0px 0px 16px 16px;
|
||||||
}
|
}
|
||||||
.promotionCard__8581c {
|
.promotionCard__8581c {
|
||||||
|
|
@ -1549,11 +1602,13 @@ border-radius: 0 0 0 12px !important;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.browser_fece63, .container__6604b {
|
.browser_fece63,
|
||||||
|
.container__6604b {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
.messagesPopoutWrap_b3b384, .messageGroupWrapper_f8c6e9 {
|
.messagesPopoutWrap_b3b384,
|
||||||
|
.messageGroupWrapper_f8c6e9 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.jumpButton__0329d {
|
.jumpButton__0329d {
|
||||||
|
|
@ -1563,7 +1618,8 @@ border-radius: 0 0 0 12px !important;
|
||||||
.content__4bf10:has(.chatSidebarOpen_dfaa6a) .callContainer_cbde45 {
|
.content__4bf10:has(.chatSidebarOpen_dfaa6a) .callContainer_cbde45 {
|
||||||
border-radius: 0px 16px 16px 0px;
|
border-radius: 0px 16px 16px 0px;
|
||||||
}
|
}
|
||||||
.container_def45c, .container_def45c .chatContent__5dca8 {
|
.container_def45c,
|
||||||
|
.container_def45c .chatContent__5dca8 {
|
||||||
border-radius: 16px 0px 0px 16px !important;
|
border-radius: 16px 0px 0px 16px !important;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
@ -1596,11 +1652,12 @@ border-radius: 0 0 0 12px !important;
|
||||||
.container_d27846 {
|
.container_d27846 {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
.noiseCancellationPopout__06ec4{
|
.noiseCancellationPopout__06ec4 {
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
button, input {
|
button,
|
||||||
|
input {
|
||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
}
|
}
|
||||||
.select__0eb48 {
|
.select__0eb48 {
|
||||||
|
|
@ -1643,7 +1700,7 @@ button, input {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0px !important;
|
top: 0px !important;
|
||||||
}
|
}
|
||||||
.imageWrapper_fd6587{
|
.imageWrapper_fd6587 {
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
}
|
}
|
||||||
.modal_d2e7a7 .embedMedia_b473d2 {
|
.modal_d2e7a7 .embedMedia_b473d2 {
|
||||||
|
|
@ -1657,7 +1714,7 @@ button, input {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
/* discord please hire better css devs */
|
/* discord please hire better css devs */
|
||||||
.iconContainer__3f9b0:has(.wrapper_edb6e0) > svg{
|
.iconContainer__3f9b0:has(.wrapper_edb6e0) > svg {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
@ -1683,7 +1740,7 @@ button, input {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
.vc-rdb-view .vc-rdb-review .avatar__08316 {
|
.vc-rdb-view .vc-rdb-review .avatar__08316 {
|
||||||
margin-left:5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
.userPopoutInner_f545a3 .vc-rdb-input {
|
.userPopoutInner_f545a3 .vc-rdb-input {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -1729,8 +1786,7 @@ button, input {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
}
|
}
|
||||||
.vc-rdb-input .textArea__74543 > div > div{
|
.vc-rdb-input .textArea__74543 > div > div {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
}
|
}
|
||||||
/* */
|
/* */
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@ html:not(.visual-refresh).show-redesigned-icons body::before {
|
||||||
height: calc(100vh - var(--custom-app-top-bar-height)) !important;
|
height: calc(100vh - var(--custom-app-top-bar-height)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_f75fb0>.chatContent_f75fb0,
|
.content_f75fb0 > .chatContent_f75fb0,
|
||||||
.container_f369db,
|
.container_f369db,
|
||||||
.callContainer_cb9592,
|
.callContainer_cb9592,
|
||||||
.contentRegion__23e6b {
|
.contentRegion__23e6b {
|
||||||
|
|
@ -101,8 +101,15 @@ html:not(.visual-refresh).show-redesigned-icons body::before {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.base_c48ade:has(.headerButton_f37cb1[aria-label="Blade0's Theme Server, server actions"]) {
|
.base_c48ade:has(
|
||||||
background-image: linear-gradient(to bottom, transparent 0%, var(--bg-base-tertiary) 75%), url(https://blade04208.github.io/ddex4/src/serverwall.jpg) !important;
|
.headerButton_f37cb1[aria-label="Blade0's Theme Server, server actions"]
|
||||||
|
) {
|
||||||
|
background-image: linear-gradient(
|
||||||
|
to bottom,
|
||||||
|
transparent 0%,
|
||||||
|
var(--bg-base-tertiary) 75%
|
||||||
|
),
|
||||||
|
url(https://blade04208.github.io/ddex4/src/serverwall.jpg) !important;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
--background-base-lower: rgba(255, 255, 255, 0.1);
|
--background-base-lower: rgba(255, 255, 255, 0.1);
|
||||||
|
|
@ -148,14 +155,11 @@ html:not(.visual-refresh).show-redesigned-icons body::before {
|
||||||
/* reseize it for no memberlist */
|
/* reseize it for no memberlist */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.sidebar_c48ade[data-collapsed="false"] .sidebarResizeHandle_c48ade {
|
.sidebar_c48ade[data-collapsed="false"] .sidebarResizeHandle_c48ade {
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
left: calc(var(--custom-guild-sidebar-width) + 4px);
|
left: calc(var(--custom-guild-sidebar-width) + 4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.content_c48ade:has([data-collapsed="true"]) .chatContent_f75fb0,
|
.content_c48ade:has([data-collapsed="true"]) .chatContent_f75fb0,
|
||||||
.content_c48ade:has([data-collapsed="true"]) .subtitleContainer_f75fb0 {
|
.content_c48ade:has([data-collapsed="true"]) .subtitleContainer_f75fb0 {
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
|
|
@ -167,7 +171,8 @@ html:not(.visual-refresh).show-redesigned-icons body::before {
|
||||||
/* resize subtitle to accomadate collapsed serverlist */
|
/* resize subtitle to accomadate collapsed serverlist */
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_c48ade:not(:has([data-collapsed="false"], .membersWrap_c8ffbb)) .subtitleContainer_f75fb0 {
|
.content_c48ade:not(:has([data-collapsed="false"], .membersWrap_c8ffbb))
|
||||||
|
.subtitleContainer_f75fb0 {
|
||||||
width: calc(100% - 8px);
|
width: calc(100% - 8px);
|
||||||
/* resize subtitle to accomadate collapsed serverlist */
|
/* resize subtitle to accomadate collapsed serverlist */
|
||||||
}
|
}
|
||||||
|
|
@ -359,7 +364,11 @@ a.link__2ea32,
|
||||||
border-right: 1px solid var(--border-faint);
|
border-right: 1px solid var(--border-faint);
|
||||||
|
|
||||||
&:not(.nav__551b0) {
|
&:not(.nav__551b0) {
|
||||||
mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 97.5%, rgba(0, 0, 0, 0) 100%);
|
mask-image: linear-gradient(
|
||||||
|
to top,
|
||||||
|
rgba(0, 0, 0, 1) 97.5%,
|
||||||
|
rgba(0, 0, 0, 0) 100%
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-list-id^="private-channels-uid_"] {
|
&[data-list-id^="private-channels-uid_"] {
|
||||||
|
|
@ -379,7 +388,9 @@ a.link__2ea32,
|
||||||
}
|
}
|
||||||
|
|
||||||
/*cards and member list and more not commented bc i didnt make this */
|
/*cards and member list and more not commented bc i didnt make this */
|
||||||
div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
div[aria-label="Members"]
|
||||||
|
div:not(.imageContainer_ef9ae7)
|
||||||
|
> .contentImage__42bf5 {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
|
|
@ -409,7 +420,8 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), var(--brand-700)), linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
|
background: linear-gradient(rgba(0, 0, 0, 0), var(--brand-700)),
|
||||||
|
linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
|
||||||
background-blend-mode: screen, difference, ligthen;
|
background-blend-mode: screen, difference, ligthen;
|
||||||
border-radius: 0px 0px 0 0;
|
border-radius: 0px 0px 0 0;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
|
|
@ -432,7 +444,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg>path {
|
svg > path {
|
||||||
box-shadow: 0px 0px 10px rgb(0, 0, 0);
|
box-shadow: 0px 0px 10px rgb(0, 0, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -513,15 +525,13 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
|
|
||||||
.badgeLabel__635ed {
|
.badgeLabel__635ed {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search__97492:not(.open__97492) {
|
.search__97492:not(.open__97492) {
|
||||||
&>.searchBar__97492 {
|
& > .searchBar__97492 {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -530,14 +540,14 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
& .icon__97492 {
|
& .icon__97492 {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&>.iconContainer_fea832 {
|
& > .iconContainer_fea832 {
|
||||||
transform: scale(1.25) translate(-4px, 1.5px);
|
transform: scale(1.25) translate(-4px, 1.5px);
|
||||||
|
|
||||||
&>svg.icon_fea832 {
|
& > svg.icon_fea832 {
|
||||||
color: var(--interactive-normal);
|
color: var(--interactive-normal);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover>svg.icon_fea832 {
|
&:hover > svg.icon_fea832 {
|
||||||
color: var(--interactive-active);
|
color: var(--interactive-active);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -558,7 +568,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
color: var(--text-normal);
|
color: var(--text-normal);
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
background-color: var(--background-floating);
|
background-color: var(--background-floating);
|
||||||
content: 'Search';
|
content: "Search";
|
||||||
box-shadow: var(--elevation-high);
|
box-shadow: var(--elevation-high);
|
||||||
border: 1px solid var(--border-subtle);
|
border: 1px solid var(--border-subtle);
|
||||||
}
|
}
|
||||||
|
|
@ -572,7 +582,7 @@ div[aria-label="Members"] div:not(.imageContainer_ef9ae7)>.contentImage__42bf5 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
top: calc(100% - 1.7px);
|
top: calc(100% - 1.7px);
|
||||||
content: '';
|
content: "";
|
||||||
border-top-color: var(--background-floating);
|
border-top-color: var(--background-floating);
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
|
|
@ -591,16 +601,18 @@ li:has(.containerDefault_c69b6d .focusTarget__89030) {
|
||||||
/*fucky but discord decided not to give these styles so!*/
|
/*fucky but discord decided not to give these styles so!*/
|
||||||
&:has(path[d^="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2."]) {
|
&:has(path[d^="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2."]) {
|
||||||
margin-left: 104px;
|
margin-left: 104px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:has(path[d^="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5"]) {
|
&:has(
|
||||||
|
path[d^="M2 10a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-9Zm3.5"]
|
||||||
|
) {
|
||||||
margin-left: 52px;
|
margin-left: 52px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:has(path[d^="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l"]) {
|
&:has(
|
||||||
|
path[d^="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63 3.5a.5.5 0 0 1 0 .6l"]
|
||||||
|
) {
|
||||||
margin-left: 52px;
|
margin-left: 52px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* turns server action tabs to funny buttons, per-button styling */
|
/* turns server action tabs to funny buttons, per-button styling */
|
||||||
|
|
@ -611,7 +623,8 @@ li:has(.containerDefault_c69b6d .focusTarget__89030) {
|
||||||
/* adds margin to adjust for funny server action tabs */
|
/* adds margin to adjust for funny server action tabs */
|
||||||
}
|
}
|
||||||
|
|
||||||
.content__99f8c:has([data-list-item-id^="channels___boosts-"]) .sectionDivider__629e4 {
|
.content__99f8c:has([data-list-item-id^="channels___boosts-"])
|
||||||
|
.sectionDivider__629e4 {
|
||||||
margin-top: calc(36px + 48px);
|
margin-top: calc(36px + 48px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -757,7 +770,8 @@ div[style="height: 12px;"] {
|
||||||
/* makes top bar be above banner */
|
/* makes top bar be above banner */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:not(:has(.lowerBadge_cc5dd2)) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
.listItem__650eb:not(:has(.lowerBadge_cc5dd2))
|
||||||
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
@ -777,7 +791,8 @@ div[style="height: 12px;"] {
|
||||||
/* add general dot-to-pill */
|
/* add general dot-to-pill */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:has(.lowerBadge_cc5dd2) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
.listItem__650eb:has(.lowerBadge_cc5dd2)
|
||||||
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
@ -798,24 +813,32 @@ div[style="height: 12px;"] {
|
||||||
/* i think this does the exact same thing lmfao */
|
/* i think this does the exact same thing lmfao */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
.listItem__650eb:not(
|
||||||
|
:has([style="opacity: 1; height: 40px; transform: none;"])
|
||||||
|
) {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
/* let open server overflow */
|
/* let open server overflow */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:has([class^="folderIcon_"]) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) span {
|
.listItem__650eb:has([class^="folderIcon_"])
|
||||||
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"]))
|
||||||
|
span {
|
||||||
margin-right: 11px;
|
margin-right: 11px;
|
||||||
margin-top: 36px;
|
margin-top: 36px;
|
||||||
/* adjustment for folders */
|
/* adjustment for folders */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:has(.lowerBadge_cc5dd2) .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) span {
|
.listItem__650eb:has(.lowerBadge_cc5dd2)
|
||||||
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"]))
|
||||||
|
span {
|
||||||
display: none;
|
display: none;
|
||||||
/* remove for pings */
|
/* remove for pings */
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem__650eb:hover .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])),
|
.listItem__650eb:hover
|
||||||
.listItem__650eb:has(.lowerBadge_cc5dd2):hover .pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])),
|
||||||
|
.listItem__650eb:has(.lowerBadge_cc5dd2):hover
|
||||||
|
.pill_e5445c:not(:has([style="opacity: 1; height: 40px; transform: none;"])) {
|
||||||
span {
|
span {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
color: rgba(0, 0, 0, 0) !important;
|
color: rgba(0, 0, 0, 0) !important;
|
||||||
|
|
@ -971,14 +994,16 @@ div[style="height: 12px;"] {
|
||||||
/* adds blur to quickswitcher */
|
/* adds blur to quickswitcher */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.sidebarRegion__23e6b {
|
.sidebarRegion__23e6b {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
content: ' ';
|
content: " ";
|
||||||
background: linear-gradient(to bottom, var(--bg-base-tertiary) 20%, rgba(0, 0, 0, 0) 100%);
|
background: linear-gradient(
|
||||||
|
to bottom,
|
||||||
|
var(--bg-base-tertiary) 20%,
|
||||||
|
rgba(0, 0, 0, 0) 100%
|
||||||
|
);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 350px;
|
width: 350px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
|
@ -1165,7 +1190,15 @@ div[style="height: 12px;"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page_c48ade:has(.container__133bf, .applicationStore_f07d62, .shopViewWrapper__6db1d, .chat_f75fb0 .tabBar__0b563, .mainTableContainer__09a38, .background__7449f, .container_a592e1) {
|
.page_c48ade:has(
|
||||||
|
.container__133bf,
|
||||||
|
.applicationStore_f07d62,
|
||||||
|
.shopViewWrapper__6db1d,
|
||||||
|
.chat_f75fb0 .tabBar__0b563,
|
||||||
|
.mainTableContainer__09a38,
|
||||||
|
.background__7449f,
|
||||||
|
.container_a592e1
|
||||||
|
) {
|
||||||
margin: 0 8px 24px 8px;
|
margin: 0 8px 24px 8px;
|
||||||
border-radius: 16px !important;
|
border-radius: 16px !important;
|
||||||
width: calc(100% - 16px);
|
width: calc(100% - 16px);
|
||||||
|
|
@ -1295,7 +1328,7 @@ div[style="height: 12px;"] {
|
||||||
scale: 1 !important;
|
scale: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mask__68edb>mask {
|
.mask__68edb > mask {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1316,4 +1349,3 @@ div[style="height: 12px;"] {
|
||||||
|
|
||||||
/* makes message box stick to bottom */
|
/* makes message box stick to bottom */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue