diskort/src/fixes.less

115 lines
2.1 KiB
Plaintext

// fix guild selector at left part
ul[data-list-id="guildsnav"] div[class^="scroller-"] {
display: flex;
flex-direction: column;
overflow: hidden !important;
// servers
& > div[aria-label] {
overflow: hidden scroll;
scrollbar-width: none;
flex-grow: 1;
// Chrome, ugh..
&::-webkit-scrollbar {
display: none;
}
// add button
& + div {
margin-top: 4px;
// all others
& ~ div
{ &:extend(.hide); }
}
}
}
#channels ul {
height: unset !important;
margin-bottom: 8px;
}
div[class^="messagesWrapper-"] div {
scrollbar-width: thin;
}
#emoji-picker-tab-panel {
position: sticky;
&:not([role="dialog"]) {
// if add reaction (role=dialog), it breaks
position: absolute;
top: 0; bottom: 0;
left: 0; right: 0;
}
& > div[class^="wrapper-"] {
background-color: var(--background-tertiary);
top: 0;
border-radius: 5px 0 0 5px; // for add reaction
}
}
#emoji-picker-grid {
div[class^="wrapper-"] {
border-radius: 16px;
top: 4px;
&:extend(.acrylic all);
}
}
div[class*="fullscreenOnMobile"] div[class^="flex"] * {
// fix overflow
overflow: hidden;
}
div[class*="templatesList-"] {
// fix tempates list (it was removed)
height: 128px;
}
// Fix positioning
div[class^="toolsContainer-"] { // in settings
position: fixed !important;
right: 21px;
padding: 0;
margin-top: 60px;
border-radius: 16px;
& > div {
position: unset !important;
div[class^="container"] > * {
background-color: var(--background-nested-floating);
}
}
}
div[class^="newMessagesBar-"] {
margin-top: 8px;
}
div[class^="contentContainer-"] div[class*="stickyHeader-"] {
padding-left: 0;
padding-right: 0;
margin: 0;
}
// fix border radius
div[class^="messageAttachment-"] div[class^="embedWrapper-"] {
div[class^="textContainer-"] {
.bottom-border();
& ~ div[class*="footer-"] {
.top-border();
}
}
}
div[class^="auditLog"] {
div[class^="headerExpanded-"]
{ .bottom-border(); }
div[class^="changeDetails-"]
{ .top-border(); }
}