diff --git a/src/bd.less b/src/bd.less index 391f252..a4fe3b4 100644 --- a/src/bd.less +++ b/src/bd.less @@ -3,39 +3,6 @@ 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 54a790c..d3cef81 100644 --- a/src/func.less +++ b/src/func.less @@ -29,18 +29,3 @@ 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 6753329..b8bc2b5 100644 --- a/src/hide.less +++ b/src/hide.less @@ -18,7 +18,16 @@ 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 ad02e99..fa78fd3 100644 --- a/src/people.less +++ b/src/people.less @@ -20,19 +20,3 @@ 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 4d176ad..d44c36c 100644 --- a/src/profile.less +++ b/src/profile.less @@ -48,10 +48,6 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] { align-items: center; } - svg[class^="warningCircleIcon-"] { - position: fixed; - } - div[class^="profileBadges-"] { position: static; justify-content: center; @@ -72,9 +68,6 @@ 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-"] { @@ -113,9 +106,6 @@ 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; @@ -144,13 +134,10 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page } div[class^="body-"] { border: none; - margin: 0 16px; - width: 100%; + margin-left: 16px; height: 370px; - & > * { - padding: 0; - margin: 0; - } + & > * + { padding: 0 !important; } } div[class^="tabBarContainer"] { border: none; } diff --git a/src/settings.less b/src/settings.less index c991faa..3ec4f6b 100644 --- a/src/settings.less +++ b/src/settings.less @@ -22,12 +22,11 @@ div[class^="standardSidebarView-"] { scrollbar-width: thin; overflow: auto hidden !important; justify-content: left; - width: max-content; max-width: 100%; & > nav { padding: 0; - width: max-content; // to increase size + width: unset; // to increase size background: var(--background-secondary); // bugfix & > div { padding-left: @rounder; @@ -62,6 +61,22 @@ 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 480490a..d811525 100644 --- a/src/ui.less +++ b/src/ui.less @@ -63,9 +63,8 @@ div[class^="radioBar-"] { div[class^="card-"], div.bd-server-card { - .bd-server-header, - & > div[class^="header-"], - & > div[class^="cardHeader"] { + & > div[class*="header"], + & > div[class*="Header"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%;