This commit is contained in:
Er2 2022-04-30 11:39:24 +03:00
parent 5c5d88a681
commit 3b27ad10c9
7 changed files with 102 additions and 23 deletions

View file

@ -3,6 +3,7 @@
* Zlib License * Zlib License
*/ */
@macos-like: false; // for BD's window buttons
@no-nitro: true; @no-nitro: true;
@no-banner: false; @no-banner: false;
@ -12,6 +13,7 @@
@div-width: (@rounder / 2); @div-width: (@rounder / 2);
@tab-height: 40px; @tab-height: 40px;
@mem-width: 48px; // members side panel width (48px is recommend)
// Required // Required
@import "src/func"; @import "src/func";

View file

@ -17,24 +17,34 @@ div.floating-window {
min-height: 32px !important; min-height: 32px !important;
} }
div.floating-window-buttons .button { div.floating-window-buttons {
& when (@macos-like = true)
{ order: -1; }
.button {
& > svg { & > svg {
padding: 2px; padding: 2px;
border-radius: 50%; border-radius: 50%;
} }
&:hover { &:hover {
background-color: unset; background-color: unset;
color: var(--background-tertiary); color: var(--background-tertiary); // icons color
}
} }
&.maximize-button:hover > svg { .maximize-button:hover > svg {
background-color: #3ba55d; background-color: #3ba55d;
} }
&.close-button:hover > svg { .close-button {
& when (@macos-like = true)
{ order: -1; }
&:hover > svg {
background-color: #ed4245; background-color: #ed4245;
} }
} }
}
div.bd-search-wrapper, div.bd-search-wrapper,
div.bd-changelog-button { div.bd-changelog-button {
@ -68,3 +78,7 @@ div[class^="standardSidebarView-"] {
div.bd-addon-list:not(.bd-grid-view) { div.bd-addon-list:not(.bd-grid-view) {
.horiz-tab(); .horiz-tab();
} }
div.ChannelDms-channelpopout-headerName {
font-size: 12pt !important;
}

View file

@ -75,6 +75,10 @@ div[class^="toolsContainer-"] { // in settings
} }
} }
div[class^="newMessagesBar-"] {
margin-top: 8px;
}
div[class^="contentContainer-"] div[class*="stickyHeader-"] { div[class^="contentContainer-"] div[class*="stickyHeader-"] {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;

View file

@ -58,8 +58,8 @@ div[class^="channelTextArea-"] {
& > button // gift button, f you & > button // gift button, f you
{ &:extend(.hide); } { &:extend(.hide); }
& > div.expression-picker-chat-input-button { & > div.expression-picker-chat-input-button > button {
&:not(:nth-child(4)) // except emoji (and send button, if exists) &:not([class^="emojiButton"]) // hide except emoji (and send button, if exists)
{ &:extend(.hide); } { &:extend(.hide); }
} }
} }

View file

@ -2,22 +2,20 @@
[class^="membersGroup-"] // groups (roles) [class^="membersGroup-"] // groups (roles)
{ &:extend(.hide); } { &:extend(.hide); }
[class^="membersWrap-"] { div[class^="content-"] > main ~ div {
&:not(.ChannelDms-channelmembers-wrap) {
// make it shorter // make it shorter
&, div[class^="members-"] { min-width: @mem-width;
min-width: 48px; width: @mem-width;
width: 0;
} }
// remove fixed height div[class^="members-"] {
div[class^="content-"] { height: 100%;
height: unset !important;
flex-grow: 0;
} }
div[class^="member-"] { div[class^="member-"] {
padding: 0; padding: 0;
margin-left: 0; margin: 0;
} }
} }

View file

@ -67,9 +67,11 @@ rect[class^="pointerEvents-"],
div[class*="Popout"], div[class*="Popout"],
div[class*="fullscreenOnMobile"], div[class*="fullscreenOnMobile"],
div[class*="root"] div[class^="flex-"], div[class*="root"] div[class^="flex-"],
div[class*="root"] div[class^="footer-"],
// UI parts // UI parts
div[class^="chat-"], div[class^="chat-"],
div[class^="attachedBars-"], // like reply to *user*
div[class^="noticeRegion"] > div, // you have unsaved changes bottom bar div[class^="noticeRegion"] > div, // you have unsaved changes bottom bar
[class^="resultsGroup-"], // search [class^="resultsGroup-"], // search
div[class^="auditLog-"], div[class^="auditLog-"],
@ -235,3 +237,57 @@ div[id^="message-accessories-"] {
} }
} }
} }
// new attachment area
ul[class^="channelAttachmentArea-"] {
position: absolute;
bottom: 100%;
margin-bottom: 16px;
height: 216px;
flex-flow: row wrap;
overflow: hidden auto;
& > li
{ &:extend(.rounder); }
div[class^="actionBarContainer-"] {
position: static;
margin-top: 8px;
& > div {
position: static;
display: inline;
& > div {
margin: 0 auto;
width: max-content;
&, & > *
{ &:extend(.rounder); }
}
}
}
}
div[class^="uploadModal-"] {
div[class^="file-"] {
display: flex;
flex-direction: column;
align-items: center;
& > img {
position: relative;
&:extend(.rounder);
}
}
}
// jump to present
div[class^="jumpToPresentBar-"] {
width: max-content;
margin-left: auto;
& > button:first-child {
display: none;
}
}

View file

@ -97,6 +97,7 @@ button[class*="button"],
{ &:extend(.round); } { &:extend(.round); }
// Rounder // Rounder
div[class*="navRow-"], // in account login switcher
div[class^="markup-"] pre code, // ```code``` div[class^="markup-"] pre code, // ```code```
span[class^="spoiler"], span[class^="spoiler"],
span.mention, span.mention,
@ -107,3 +108,7 @@ div[class*="card"],
div[class^="categoryItem-"] > *, // in Discovery div[class^="categoryItem-"] > *, // in Discovery
div[class^="content-"] img[class^="image-"], div[class^="content-"] img[class^="image-"],
{ &:extend(.rounder); } { &:extend(.rounder); }
div[class*="navRow-"] {
background-color: unset !important;
}