Compare commits

...

3 commits

Author SHA1 Message Date
Er2
5c5d88a681 bd improvements 2022-04-29 21:20:56 +03:00
Er2
e6bc17787e revert nicks in some places 2022-04-29 20:49:47 +03:00
Er2
5c08d7363d bugfixes 2022-04-29 19:30:58 +03:00
7 changed files with 85 additions and 31 deletions

View file

@ -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;

View file

@ -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;
}
}

View file

@ -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); }

View file

@ -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);
}

View file

@ -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; }

View file

@ -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 {

View file

@ -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%;