update
This commit is contained in:
parent
22b687a1be
commit
e745c3f4c6
4 changed files with 80 additions and 22 deletions
34
src/bd.less
Normal file
34
src/bd.less
Normal 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();
|
||||||
|
}
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
37
src/ui.less
37
src/ui.less
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue