use nesting and move the <name> is typing... back to the bottom of the input box

This commit is contained in:
2025-09-25 22:45:09 +02:00
parent 0e8b2fe8b9
commit 1fb682b97e
+73 -39
View File
@@ -8,7 +8,7 @@
}
/* Remove avatar decorations */
.visual-refresh img[class^="avatarDecoration__"] {
.visual-refresh img[class*="avatarDecoration__"] {
display: none;
}
@@ -21,90 +21,124 @@
.visual-refresh [aria-label="Send a gift"] {
display: none;
}
.visual-refresh [aria-label="Open sticker picker"] {
display: none;
}
.visual-refresh [aria-label="Open GIF picker"] {
display: none;
}
.visual-refresh [aria-label="Download the mobile app to make your first remix"] {
display: none;
}
.visual-refresh a[href="https://support.discord.com"] {
display: none;
}
.visual-refresh [class^="channelAppLauncher_"] {
display: none;
}
/* Hide activities panel */
.visual-refresh div[class*="membersGroup_"]:has([class^="headerContainer__"][role="button"]) {
.visual-refresh .app-launcher-entrypoint {
display: none;
}
/* Remove unnecessary gap between buttons in chat input box */
.visual-refresh div[class^="channelTextArea_"] div[class^="buttons__"] {
.visual-refresh div.buttons__74017 {
gap: 0 !important;
}
/* Remove top bar */
.visual-refresh div[class^="base_"] div[class^="bar_"] {
.visual-refresh div[data-fullscreen][class^="base_"] {
grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [end];
& div[class^="bar_"] {
display: none;
}
.visual-refresh div[class^="base_"] {
grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [end];
}
.visual-refresh form[class^="form_"] {
.visual-refresh form {
margin-top: 0;
}
.visual-refresh div[class^="stack_"] {
.visual-refresh [data-jump-section] div[data-wrap] {
padding-top: 0.5rem;
margin-top: 0;
}
/* Remove top border */
.visual-refresh div[class^="sidebarList_"] {
border-top: 0 !important;
border-top-left-radius: 0 !important;
}
.visual-refresh div[class^="chat_"] {
border-top: 0 !important;
border-top-left-radius: 0 !important;
}
/* User area rework */
.visual-refresh section[aria-label="User area"] {
left: var(--custom-guild-list-width);
bottom: 0;
width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] {
& div[class*="container__"] {
display: flex;
flex-direction: row;
padding-inline: 0.5rem;
gap: 0;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="avatarWrapper__"] {
& div[class*="avatarWrapper__"] {
width: 100%;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] {
& div[class*="buttons__"] {
width: auto;
display: flex;
flex-direction: row;
justify-content: right;
gap: 0.5rem;
&>div {
width: auto;
}
.visual-refresh [class^="sidebar_"] [aria-label="Servers sidebar"] {
button {
width: auto;
}
}
}
left: var(--custom-guild-list-width);
bottom: 0;
width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))
}
.visual-refresh [aria-label="Servers sidebar"] {
margin-bottom: 0;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > div {
width: auto;
/* Vencord real names in normal font because jfc */
.vc-smyn-suffix {
font-family: 'system-ui';
font-size: 0.75rem;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > button {
width: auto;
.align-chat-input [class^="scrollerSpacer__"] {
height: 1.75rem !important;
}
.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > div > button {
width: auto;
main {
position: relative;
}
form[class*="formWithLoadedChatInput_"] {
position: relative;
}
form[class*="formWithLoadedChatInput_"] [class^="typing_"] {
bottom: 0 !important;
top: unset !important;
}
form[class*="formWithLoadedChatInput_"] [class^="typing_"] [class^="text"] {
margin-left: 0.5rem;
}
form[class*="formWithLoadedChatInput_"] [class^="attachWrapper__"] {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.channelTextArea_f75fb0 {
margin-bottom: 1.25rem;
}