Compare commits
No commits in common. "5c5d88a6819af74b2594b17db5169bea45f277a6" and "90b5e13544e25dd7d59373dbcb857f6416c8e24d" have entirely different histories.
5c5d88a681
...
90b5e13544
7 changed files with 31 additions and 85 deletions
33
src/bd.less
33
src/bd.less
|
@ -3,39 +3,6 @@
|
||||||
div[class^="bd-"]
|
div[class^="bd-"]
|
||||||
{ &:extend(.round); }
|
{ &: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-search-wrapper,
|
||||||
div.bd-changelog-button {
|
div.bd-changelog-button {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
|
|
|
@ -29,18 +29,3 @@
|
||||||
height: 0 !important;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -18,7 +18,16 @@ div[class^="art-"],
|
||||||
{ &:extend(.hide); }
|
{ &:extend(.hide); }
|
||||||
|
|
||||||
// Nicks
|
// Nicks
|
||||||
|
[class^="username-"] {
|
||||||
|
li[class^="messageListItem-"]
|
||||||
|
[class*="cozyMessage-"] &, // inside message
|
||||||
|
:not([class^="headerText-"])
|
||||||
|
> div[class*="nameTag-"] &, // outside message
|
||||||
|
{ &:extend(.hide); }
|
||||||
|
}
|
||||||
|
|
||||||
[class^="discrimBase-"],
|
[class^="discrimBase-"],
|
||||||
|
div[class^="discordTag-"] [class^="username-"], // friends tab
|
||||||
div[class^="nameTag-"],
|
div[class^="nameTag-"],
|
||||||
[class^="usernameInnerRow-"], // at settings
|
[class^="usernameInnerRow-"], // at settings
|
||||||
{ &:extend(.hide); }
|
{ &:extend(.hide); }
|
||||||
|
|
|
@ -20,19 +20,3 @@
|
||||||
margin-left: 0;
|
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);
|
|
||||||
}
|
|
||||||
|
|
|
@ -48,10 +48,6 @@ div[class^="accountProfileCard-"] div[class^="userInfo-"] {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg[class^="warningCircleIcon-"] {
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
div[class^="profileBadges-"] {
|
div[class^="profileBadges-"] {
|
||||||
position: static;
|
position: static;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -72,9 +68,6 @@ div[class^="pencilContainer-"] {
|
||||||
|
|
||||||
// Profile card in settings
|
// Profile card in settings
|
||||||
div[class^="accountProfileCard-"] {
|
div[class^="accountProfileCard-"] {
|
||||||
span[class^="username-"]
|
|
||||||
{ &:extend(.hide); }
|
|
||||||
|
|
||||||
div[class^="field-"]:nth-child(1) {
|
div[class^="field-"]:nth-child(1) {
|
||||||
height: 0;
|
height: 0;
|
||||||
div[class^="constrainedRow-"] {
|
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
|
div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
span[class^="username-"]
|
|
||||||
{ &:extend(.hide); }
|
|
||||||
|
|
||||||
header {
|
header {
|
||||||
width: 260px;
|
width: 260px;
|
||||||
margin: 24px;
|
margin: 24px;
|
||||||
|
@ -144,13 +134,10 @@ div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
|
||||||
}
|
}
|
||||||
div[class^="body-"] {
|
div[class^="body-"] {
|
||||||
border: none;
|
border: none;
|
||||||
margin: 0 16px;
|
margin-left: 16px;
|
||||||
width: 100%;
|
|
||||||
height: 370px;
|
height: 370px;
|
||||||
& > * {
|
& > *
|
||||||
padding: 0;
|
{ padding: 0 !important; }
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
div[class^="tabBarContainer"]
|
div[class^="tabBarContainer"]
|
||||||
{ border: none; }
|
{ border: none; }
|
||||||
|
|
|
@ -22,12 +22,11 @@ div[class^="standardSidebarView-"] {
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
overflow: auto hidden !important;
|
overflow: auto hidden !important;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
width: max-content;
|
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
||||||
& > nav {
|
& > nav {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: max-content; // to increase size
|
width: unset; // to increase size
|
||||||
background: var(--background-secondary); // bugfix
|
background: var(--background-secondary); // bugfix
|
||||||
& > div {
|
& > div {
|
||||||
padding-left: @rounder;
|
padding-left: @rounder;
|
||||||
|
@ -62,6 +61,22 @@ div[aria-controls="analytics-tab"],
|
||||||
div[aria-controls="partner-tab"],
|
div[aria-controls="partner-tab"],
|
||||||
{ &:extend(.hide); }
|
{ &: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 {
|
#my-account-tab > div {
|
||||||
.horiz-tab();
|
.horiz-tab();
|
||||||
& > div:first-child {
|
& > div:first-child {
|
||||||
|
|
|
@ -63,9 +63,8 @@ div[class^="radioBar-"] {
|
||||||
|
|
||||||
div[class^="card-"],
|
div[class^="card-"],
|
||||||
div.bd-server-card {
|
div.bd-server-card {
|
||||||
.bd-server-header,
|
& > div[class*="header"],
|
||||||
& > div[class^="header-"],
|
& > div[class*="Header"] {
|
||||||
& > div[class^="cardHeader"] {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0; left: 0;
|
top: 0; left: 0;
|
||||||
width: 100%; height: 100%;
|
width: 100%; height: 100%;
|
||||||
|
|
Loading…
Reference in a new issue