This commit is contained in:
Er2 2022-04-24 11:34:07 +03:00
parent 22b687a1be
commit e745c3f4c6
4 changed files with 80 additions and 22 deletions

34
src/bd.less Normal file
View file

@ -0,0 +1,34 @@
// BetterDiscord specific things
div[class^="bd-"]
{ &:extend(.round); }
div.bd-search-wrapper,
div.bd-changelog-button {
align-self: center;
margin: 0;
margin-right: 8px;
}
div[class^="standardSidebarView-"] {
// PluginRepo and ThemeRepo
div[class^="repoList-"] > div {
div[class^="repoHeader-"] {
& > * {
max-width: unset;
}
}
& > div:last-child {
height: 100vh;
}
#pluginrepo-tab,
#themerepo-tab {
max-width: unset;
}
}
}
div.bd-addon-list:not(.bd-grid-view) {
.horiz-tab();
}

View file

@ -94,7 +94,7 @@ header div[class^="nameTagNoCustomStatus-"] {
margin-left: 160px; // after avatar, not before
}
div[class^="focusLock-"]:not([aria-labelledby]) > div[class^="root-"][class*="small-"] {
div.root-8LYsGj { // I not love fixed classes, but this selects only modal page
flex-direction: row;
header {

View file

@ -18,7 +18,7 @@ div[class^="repliedMessage-"] {
left: 0; right: 100%;
top: 0; bottom: 0;
}
& > img {
& > :first-child {
margin-left: 16px;
}
}
@ -30,7 +30,7 @@ div[class^="role-"] {
border-style: solid;
}
[class*="embed"] {
article[class^="embed"] {
.left-border(3px);
max-width: unset;
background: unset;
@ -215,7 +215,11 @@ div[class*="stickyHeader-"],
}
// new invite with splash style
div[id^="message-accessories-"] > div[class^="wrapper-"] {
div[id^="message-accessories-"] {
& > div[class^="messageAttachment-"] {
width: 100%;
}
& > div[class^="wrapper-"] {
position: relative;
div[class^="inviteSplash-"] {
position: absolute;
@ -229,4 +233,5 @@ div[id^="message-accessories-"] > div[class^="wrapper-"] {
z-index: 1;
}
}
}
}

View file

@ -61,8 +61,35 @@ div[class^="radioBar-"] {
border: none;
}
div[class^="card-"],
div.bd-server-card {
& > div[class*="header"],
& > div[class*="Header"] {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
div[class^="coverWrapper"],
div[class^="splash"] {
filter: brightness(0.5);
}
.bd-server-icon,
& > div[class*="icon"],
& > div[class*="Icon"] {
position: relative;
width: 42px;
height: 42px;
overflow: hidden;
padding: 5px;
}
}
& > div[class*="info"],
& > div[class*="Info"] {
margin-top: 84px;
}
}
// Round
div[class^="bd-"],
div[class^="tabBarItem-"],
div[class^="checkbox"],
button[class*="button"],
@ -79,11 +106,3 @@ div[class*="card"],
div[class^="categoryItem-"] > *, // in Discovery
div[class^="content-"] img[class^="image-"],
{ &:extend(.rounder); }
// BetterDiscord
div.bd-search-wrapper,
div.bd-changelog-button {
align-self: center;
margin: 0;
margin-right: 8px;
}