lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Make the button look more built in

This commit is contained in:
Samuel Elliott 2018-03-29 20:16:06 +01:00
parent 10fd25607d
commit 4634266e14
No known key found for this signature in database
GPG Key ID: 8420C7CDE43DC4D6
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/styles/partials/bdsettings/button.scss
View File

@ -5,7 +5,6 @@
width: 70px; width: 70px;
height: 48px; height: 48px;
left: 0; left: 0;
background: #202225;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.06);
opacity: 1; opacity: 1;
@ -24,7 +23,6 @@
background-position: center; background-position: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 3001;
cursor: pointer; cursor: pointer;
filter: grayscale(100%); filter: grayscale(100%);
opacity: 0.5; opacity: 0.5;

6
client/src/styles/partials/bdsettings/sidebarview.scss
View File

@ -60,7 +60,7 @@
background-color: hsla(218,5%,47%,.3); background-color: hsla(218,5%,47%,.3);
.bd-material-design-icon { .bd-material-design-icon {
fill: #FFF; fill: #fff;
} }
} }
} }
@ -94,7 +94,7 @@
&:hover { &:hover {
.bd-material-design-icon { .bd-material-design-icon {
fill: #FFF; fill: #fff;
} }
} }
} }
@ -103,7 +103,7 @@
fill: #414245; fill: #414245;
&:hover { &:hover {
fill: #FFF; fill: #fff;
} }
} }
} }

5
client/src/styles/partials/discordoverrides.scss
View File

@ -17,3 +17,8 @@
top: 50px; top: 50px;
} }
} }
// Any layers need to be above the main layer (where the BD button is placed)
.layer-kosS71 + .layer-kosS71 {
z-index: 900;
}

4
client/src/styles/partials/generic/forms/colourpickers.scss
View File

@ -21,7 +21,7 @@
.vc-chrome-fields-wrap { .vc-chrome-fields-wrap {
.vc-input__input { .vc-input__input {
background: #1e2124; background: #1e2124;
color: #FFF; color: #fff;
box-shadow: inset 0 0 0 1px #000; box-shadow: inset 0 0 0 1px #000;
} }
@ -30,7 +30,7 @@
} }
.vc-chrome-toggle-btn svg path { .vc-chrome-toggle-btn svg path {
fill: #FFF; fill: #fff;
} }
} }
} }