LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Packages Projects Releases 238 Wiki Activity

fix broken style from form-field

Browse source
This commit is contained in:
btzr-io 2017-08-18 19:46:45 -06:00
parent 198d44af66
commit dccd52c7df
3 changed files with 9 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/scss/_vars.scss
View file

@ -43,6 +43,8 @@
/* Input */ /* Input */
--input-width: 330px; --input-width: 330px;
--input-border-size: 2px;
--input-border-color: rgba(0,0,0,.25);
/* Button */ /* Button */
--button-primary-bg: var(--color-primary); --button-primary-bg: var(--color-primary);

7
ui/scss/component/_button.scss
View file

@ -55,12 +55,11 @@ $button-focus-shift: 12%;
color: var(--button-primary-color); color: var(--button-primary-color);
background-color: var(--button-primary-bg); background-color: var(--button-primary-bg);
box-shadow: var(--box-shadow-layer); box-shadow: var(--box-shadow-layer);
opacity: 0.9;
&:focus { &:focus {
color: var(--button-primary-color); //color: var(--button-primary-active-color);
//background-color:color: var(--button-primary-active-bg);
//box-shadow: $box-shadow-focus; //box-shadow: $box-shadow-focus;
//background-color: mix(black, $color-primary, $button-focus-shift)
opacity: 1;
} }
} }
.button-alt .button-alt

11
ui/scss/component/_form-field.scss
View file

@ -1,8 +1,5 @@
@import "../global"; @import "../global";
$width-input-border: 2px;
$color-form-border: #000;
.form-row-submit .form-row-submit
{ {
margin-top: $spacing-vertical; margin-top: $spacing-vertical;
@ -24,7 +21,7 @@ $color-form-border: #000;
} }
input[type="text"].input-copyable { input[type="text"].input-copyable {
border: 1px solid var(--color-form-border); border: 1px solid var(--input-border-color);
line-height: 1; line-height: 1;
padding-top: $spacing-vertical * 1/3; padding-top: $spacing-vertical * 1/3;
padding-bottom: $spacing-vertical * 1/3; padding-bottom: $spacing-vertical * 1/3;
@ -50,7 +47,7 @@ input[type="text"].input-copyable {
padding-right: 5px; padding-right: 5px;
height: $spacing-vertical; height: $spacing-vertical;
&:focus { &:focus {
outline: $width-input-border solid var(--color-primary); outline: var(--input-border-size) solid var(--color-primary);
} }
} }
@ -81,7 +78,7 @@ input[type="text"].input-copyable {
input[type="number"], input[type="number"],
input[type="search"], input[type="search"],
input[type="date"] { input[type="date"] {
border-bottom: $width-input-border solid $color-form-border; border-bottom: var(--input-border-size) solid var(--input-border-color);
line-height: 1; line-height: 1;
padding-top: $spacing-vertical * 1/3; padding-top: $spacing-vertical * 1/3;
padding-bottom: $spacing-vertical * 1/3; padding-bottom: $spacing-vertical * 1/3;
@ -109,7 +106,7 @@ input[type="text"].input-copyable {
textarea { textarea {
padding: 2px; padding: 2px;
border: $width-input-border solid $color-form-border; border: var(--input-border-size) solid var(--input-border-color);
} }
} }
.form-field--SimpleMDE { .form-field--SimpleMDE {