From 6006bf38f695ed30bd8b8a4984cc49b433d79eff Mon Sep 17 00:00:00 2001 From: Er2 Date: Sat, 9 Apr 2022 22:09:45 +0300 Subject: [PATCH] update --- btfl.less | 1 + src/dimmer.less | 5 ----- src/fixes.less | 5 ----- src/hide.less | 5 ----- src/mobile.less | 5 ----- src/people.less | 5 ----- src/profile.less | 5 ----- src/settings.less | 33 +++++++++++++++++++++++++-------- src/style.less | 7 ------- src/ui.less | 15 +++++++++++++++ 10 files changed, 41 insertions(+), 45 deletions(-) create mode 100644 src/ui.less diff --git a/btfl.less b/btfl.less index 1109488..dae4f71 100644 --- a/btfl.less +++ b/btfl.less @@ -10,3 +10,4 @@ @import "src/people"; @import "src/fixes"; @import "src/style"; +@import "src/ui"; diff --git a/src/dimmer.less b/src/dimmer.less index 610bedb..a594d25 100644 --- a/src/dimmer.less +++ b/src/dimmer.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - .theme-dimmer { --header-primary: #dedede; --header-secondary: #cacaca; diff --git a/src/fixes.less b/src/fixes.less index ee983d3..5b21eeb 100644 --- a/src/fixes.less +++ b/src/fixes.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - // fix guild selector at left part ul[data-list-id="guildsnav"] div[class^="scroller-"] { display: flex; diff --git a/src/hide.less b/src/hide.less index f581245..2c7acfc 100644 --- a/src/hide.less +++ b/src/hide.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - // Site [class*="perksContainer-"], [class^="DocSearch"], // Algolia, f you diff --git a/src/mobile.less b/src/mobile.less index 7228545..079e707 100644 --- a/src/mobile.less +++ b/src/mobile.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - // TODO: comment this @media screen and (max-device-width: 800px) { diff --git a/src/people.less b/src/people.less index 1eea0ec..c3618de 100644 --- a/src/people.less +++ b/src/people.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - [class^="membersWrap-"] { // make it shorter &, div[class^="members-"] { diff --git a/src/profile.less b/src/profile.less index 08d5d1c..abbde1e 100644 --- a/src/profile.less +++ b/src/profile.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - div[class^="accountProfileCard-"] div[class^="userInfo-"] { // settings justify-content: left; diff --git a/src/settings.less b/src/settings.less index 3ad04be..e507c6f 100644 --- a/src/settings.less +++ b/src/settings.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - // New sidebar in settings div[class^="standardSidebarView-"] { flex-direction: column; @@ -59,10 +54,11 @@ div[aria-controls="stickers-tab"], display: none; } -.horiz-tab() { +.horiz-tab(@cols: 2) { + @gap: @div-width * 2; + @el-width: calc(100% / @cols - @gap); display: flex; flex-flow: row wrap; - @gap: @div-width * 2; column-gap: @gap; } @@ -118,7 +114,7 @@ div[class^="baseLayout-"] { } div[class^="marginTop8-"], div[class^="marginTop20-"] { - width: calc(50% - @gap); + width: @el-width; div[class^="divider-"] { display: none; } @@ -160,3 +156,24 @@ div[class^="accountProfileCard-"] { } } } + +#language-tab div[class^="children-"] { + div div > div[role="radiogroup"] { + .horiz-tab(3); + & > div { + width: @el-width; + } + } +} + +#streamer-mode-tab div[class^="children-"] { + .horiz-tab(); + & > * { + width: @el-width; + &:nth-child(1), + &:nth-child(2) + { width: 100%; } + &:nth-child(3) + { display: none; } + } +} diff --git a/src/style.less b/src/style.less index 82b864b..052b006 100644 --- a/src/style.less +++ b/src/style.less @@ -1,8 +1,3 @@ -/** DisKort - * (c) Er2 2022 - * Zlib License - */ - @round: 8px; @rounder: 16px; @roundest: 24px; // text area @@ -299,8 +294,6 @@ div[class^="layers-"] { div[class^="layers-"] > div[class^="layer-"] > div[class], div[class^="channelHeader-"], -//div[class^="emojiPicker-"], -//#emoji-picker-tab-panel div[class*="header-"], div[class^="focusLock-"] > div, [role="dialog"]:not([class^="focusLock-"]), [role="menu"] { diff --git a/src/ui.less b/src/ui.less new file mode 100644 index 0000000..3d64bc6 --- /dev/null +++ b/src/ui.less @@ -0,0 +1,15 @@ +// UI element changes + +div[class^="slider-"] { + div[class^="track-"] { + div[class^="grabber-"] { + @half: (@rounder / 2); + width: @rounder; + height: @rounder; + border: none; + border-radius: @half; + margin-top: -@half; + margin-left: -@half; + } + } +}