rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

18502

This commit is contained in:
lvuch 2019-03-08 09:32:07 -07:00
parent 3188375aac
commit 644b242a23
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/styles/components/_forms.scss
View File

@ -80,6 +80,7 @@ textarea {
font-size: 15px; font-size: 15px;
line-height: 24px; line-height: 24px;
width: 100%; width: 100%;
color: $input-color;
&[size] { &[size] {
display: inline-block; display: inline-block;
@ -94,7 +95,7 @@ textarea {
border-color: $input-bg-hover; border-color: $input-bg-hover;
background: rgba($input-bg-hover, .2); background: rgba($input-bg-hover, .2);
&::placeholder { &::placeholder {
color: $input-bg-hover; color: $input-color-placeholder;
} }
} }
&.disabled, &[disabled], &[disabled]:hover { &.disabled, &[disabled], &[disabled]:hover {
@ -102,14 +103,14 @@ textarea {
border-color: $input-bg-disabled; border-color: $input-bg-disabled;
cursor: not-allowed; cursor: not-allowed;
&::placeholder { &::placeholder {
color: darken($input-bg-disabled, 5%); color: $input-color-placeholder;
} }
} }
&:focus { &:focus {
background: rgba($input-border-focus, .2); background: rgba($input-border-focus, .2);
border-color: $input-border-focus; border-color: $input-border-focus;
&::placeholder { &::placeholder {
color: $input-border-focus; color: $input-color-placeholder;
} }
} }
} }

4
app/styles/themes/_dark.scss
View File

@ -82,7 +82,7 @@ $banner-color : white;
/*Forms*/ /*Forms*/
//** Placeholder text color //** Placeholder text color
$input-color-placeholder : darken($light-grey, 50%); $input-color-placeholder : $text-color;
//** `<input>` background color //** `<input>` background color
$input-bg : lighten($dark-grey, 5); $input-bg : lighten($dark-grey, 5);
@ -93,7 +93,7 @@ $input-bg-hover : $light-grey;
$input-bg-disabled : #f3f4f8; $input-bg-disabled : #f3f4f8;
//** Text color for `<input>`s //** Text color for `<input>`s
$input-color : $text-color; $input-color : lighten($text-color, 50%);
//** `<input>` border color //** `<input>` border color
$input-border : transparent; $input-border : transparent;