diff --git a/src/bd.less b/src/bd.less index a4fe3b4..391f252 100644 --- a/src/bd.less +++ b/src/bd.less @@ -3,6 +3,39 @@ div[class^="bd-"] { &:extend(.round); } +button.bd-addon-button { + margin: 4px; +} + +div.floating-window { + &:extend(.round); + box-shadow: none; + padding: 0 !important; + max-width: 100% !important; + max-height: 100% !important; + min-width: 256px !important; + min-height: 32px !important; +} + +div.floating-window-buttons .button { + & > svg { + padding: 2px; + border-radius: 50%; + } + &:hover { + background-color: unset; + color: var(--background-tertiary); + } + + &.maximize-button:hover > svg { + background-color: #3ba55d; + } + + &.close-button:hover > svg { + background-color: #ed4245; + } +} + div.bd-search-wrapper, div.bd-changelog-button { align-self: center; diff --git a/src/func.less b/src/func.less index d3cef81..54a790c 100644 --- a/src/func.less +++ b/src/func.less @@ -29,3 +29,18 @@ height: 0 !important; } +.horiz-tab(@cols: 2, @offset: 0) { + @gap: @div-width * 2; + @el-width: calc(unit((100% / @cols), %) - unit((@gap + @offset), px)); + display: flex; + flex-flow: row wrap; + column-gap: @gap; + row-gap: (@gap / 2); + & > * { + width: @el-width; + } + + div[class^="divider"]:empty { + display: none; + } +} diff --git a/src/hide.less b/src/hide.less index b8bc2b5..6753329 100644 --- a/src/hide.less +++ b/src/hide.less @@ -18,16 +18,7 @@ div[class^="art-"], { &:extend(.hide); } // Nicks -[class^="username-"] { - li[class^="messageListItem-"] - [class*="cozyMessage-"] &, // inside message - :not([class^="headerText-"]) - > div[class*="nameTag-"] &, // outside message - { &:extend(.hide); } -} - [class^="discrimBase-"], -div[class^="discordTag-"] [class^="username-"], // friends tab div[class^="nameTag-"], [class^="usernameInnerRow-"], // at settings { &:extend(.hide); } diff --git a/src/people.less b/src/people.less index fa78fd3..ad02e99 100644 --- a/src/people.less +++ b/src/people.less @@ -20,3 +20,19 @@ margin-left: 0; } } + +span[class^="username-"] { + font-weight: 500; +} + +// friends tab +div[class^="peopleList-"] > div { + @margin: 4px; + + & > *, & > *:hover { + border: none; + padding: 8px !important; + margin: @margin !important; + } + .horiz-tab(2, @margin * 2); +} diff --git a/src/profile.less b/src/profile.less index d44c36c..4d176ad 100644 --- a/src/profile.less +++ b/src/profile.less @@ -48,6 +48,10 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { align-items: center; } + svg[class^="warningCircleIcon-"] { + position: fixed; + } + div[class^="profileBadges-"] { position: static; justify-content: center; @@ -68,6 +72,9 @@ div[class^="pencilContainer-"] { // Profile card in settings div[class^="accountProfileCard-"] { + span[class^="username-"] + { &:extend(.hide); } + div[class^="field-"]:nth-child(1) { height: 0; div[class^="constrainedRow-"] { @@ -106,6 +113,9 @@ header div[class^="nameTagNoCustomStatus-"] { div.root-8LYsGj { // I not love fixed classes, but this selects only modal page flex-direction: row; + span[class^="username-"] + { &:extend(.hide); } + header { width: 260px; margin: 24px; @@ -134,10 +144,13 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page } div[class^="body-"] { border: none; - margin-left: 16px; + margin: 0 16px; + width: 100%; height: 370px; - & > * - { padding: 0 !important; } + & > * { + padding: 0; + margin: 0; + } } div[class^="tabBarContainer"] { border: none; } diff --git a/src/settings.less b/src/settings.less index 3ec4f6b..c991faa 100644 --- a/src/settings.less +++ b/src/settings.less @@ -22,11 +22,12 @@ div[class^="standardSidebarView-"] { scrollbar-width: thin; overflow: auto hidden !important; justify-content: left; + width: max-content; max-width: 100%; & > nav { padding: 0; - width: unset; // to increase size + width: max-content; // to increase size background: var(--background-secondary); // bugfix & > div { padding-left: @rounder; @@ -61,22 +62,6 @@ div[aria-controls="analytics-tab"], div[aria-controls="partner-tab"], { &:extend(.hide); } -.horiz-tab(@cols: 2) { - @gap: @div-width * 2; - @el-width: calc(100% / @cols - @gap); - display: flex; - flex-flow: row wrap; - column-gap: @gap; - row-gap: (@gap / 2); - & > * { - width: @el-width; - } - - div[class^="divider"]:empty { - display: none; - } -} - #my-account-tab > div { .horiz-tab(); & > div:first-child { diff --git a/src/ui.less b/src/ui.less index d811525..480490a 100644 --- a/src/ui.less +++ b/src/ui.less @@ -63,8 +63,9 @@ div[class^="radioBar-"] { div[class^="card-"], div.bd-server-card { - & > div[class*="header"], - & > div[class*="Header"] { + .bd-server-header, + & > div[class^="header-"], + & > div[class^="cardHeader"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%;