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 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; flex-direction: row;
header { header {

View file

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

View file

@ -61,8 +61,35 @@ div[class^="radioBar-"] {
border: none; 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 // Round
div[class^="bd-"],
div[class^="tabBarItem-"], div[class^="tabBarItem-"],
div[class^="checkbox"], div[class^="checkbox"],
button[class*="button"], button[class*="button"],
@ -79,11 +106,3 @@ div[class*="card"],
div[class^="categoryItem-"] > *, // in Discovery div[class^="categoryItem-"] > *, // in Discovery
div[class^="content-"] img[class^="image-"], div[class^="content-"] img[class^="image-"],
{ &:extend(.rounder); } { &:extend(.rounder); }
// BetterDiscord
div.bd-search-wrapper,
div.bd-changelog-button {
align-self: center;
margin: 0;
margin-right: 8px;
}