diff --git a/btfl.less b/btfl.less index 373ba46..a52224e 100644 --- a/btfl.less +++ b/btfl.less @@ -3,6 +3,7 @@ * Zlib License */ +@macos-like: false; // for BD's window buttons @no-nitro: true; @no-banner: false; @@ -12,6 +13,7 @@ @div-width: (@rounder / 2); @tab-height: 40px; +@mem-width: 48px; // members side panel width (48px is recommend) // Required @import "src/func"; diff --git a/src/bd.less b/src/bd.less index 391f252..2f95e75 100644 --- a/src/bd.less +++ b/src/bd.less @@ -17,22 +17,32 @@ div.floating-window { min-height: 32px !important; } -div.floating-window-buttons .button { - & > svg { - padding: 2px; - border-radius: 50%; - } - &:hover { - background-color: unset; - color: var(--background-tertiary); +div.floating-window-buttons { + & when (@macos-like = true) + { order: -1; } + + .button { + & > svg { + padding: 2px; + border-radius: 50%; + } + &:hover { + background-color: unset; + color: var(--background-tertiary); // icons color + } } - &.maximize-button:hover > svg { + .maximize-button:hover > svg { background-color: #3ba55d; } - &.close-button:hover > svg { - background-color: #ed4245; + .close-button { + & when (@macos-like = true) + { order: -1; } + + &:hover > svg { + background-color: #ed4245; + } } } @@ -68,3 +78,7 @@ div[class^="standardSidebarView-"] { div.bd-addon-list:not(.bd-grid-view) { .horiz-tab(); } + +div.ChannelDms-channelpopout-headerName { + font-size: 12pt !important; +} diff --git a/src/fixes.less b/src/fixes.less index ec9a949..f186fa8 100644 --- a/src/fixes.less +++ b/src/fixes.less @@ -75,6 +75,10 @@ div[class^="toolsContainer-"] { // in settings } } +div[class^="newMessagesBar-"] { + margin-top: 8px; +} + div[class^="contentContainer-"] div[class*="stickyHeader-"] { padding-left: 0; padding-right: 0; diff --git a/src/hide.less b/src/hide.less index 6753329..5d6d26d 100644 --- a/src/hide.less +++ b/src/hide.less @@ -58,8 +58,8 @@ div[class^="channelTextArea-"] { & > button // gift button, f you { &:extend(.hide); } - & > div.expression-picker-chat-input-button { - &:not(:nth-child(4)) // except emoji (and send button, if exists) + & > div.expression-picker-chat-input-button > button { + &:not([class^="emojiButton"]) // hide except emoji (and send button, if exists) { &:extend(.hide); } } } diff --git a/src/people.less b/src/people.less index ad02e99..c974083 100644 --- a/src/people.less +++ b/src/people.less @@ -2,22 +2,20 @@ [class^="membersGroup-"] // groups (roles) { &:extend(.hide); } -[class^="membersWrap-"] { - // make it shorter - &, div[class^="members-"] { - min-width: 48px; - width: 0; +div[class^="content-"] > main ~ div { + &:not(.ChannelDms-channelmembers-wrap) { + // make it shorter + min-width: @mem-width; + width: @mem-width; } - // remove fixed height - div[class^="content-"] { - height: unset !important; - flex-grow: 0; + div[class^="members-"] { + height: 100%; } div[class^="member-"] { padding: 0; - margin-left: 0; + margin: 0; } } diff --git a/src/style.less b/src/style.less index 731fa54..4809ffd 100644 --- a/src/style.less +++ b/src/style.less @@ -67,9 +67,11 @@ rect[class^="pointerEvents-"], div[class*="Popout"], div[class*="fullscreenOnMobile"], div[class*="root"] div[class^="flex-"], + div[class*="root"] div[class^="footer-"], // UI parts div[class^="chat-"], + div[class^="attachedBars-"], // like reply to *user* div[class^="noticeRegion"] > div, // you have unsaved changes bottom bar [class^="resultsGroup-"], // search 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; + } +} diff --git a/src/ui.less b/src/ui.less index 480490a..0a5be4a 100644 --- a/src/ui.less +++ b/src/ui.less @@ -97,6 +97,7 @@ button[class*="button"], { &:extend(.round); } // Rounder +div[class*="navRow-"], // in account login switcher div[class^="markup-"] pre code, // ```code``` span[class^="spoiler"], span.mention, @@ -107,3 +108,7 @@ div[class*="card"], div[class^="categoryItem-"] > *, // in Discovery div[class^="content-"] img[class^="image-"], { &:extend(.rounder); } + +div[class*="navRow-"] { + background-color: unset !important; +}