cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding fields error state

Browse Source
This commit is contained in:
xavijam 2016-04-18 16:04:38 +02:00
parent 6b684d46e2
commit 8ea6ac154f
4 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/scss/cdb-components/forms/inputs.scss
View File

@ -13,6 +13,7 @@
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
@import '../../cdb-utilities/helpers';
.CDB-InputText {
width: 100%;
@ -34,8 +35,10 @@
background: $cThirdBackground;
}
&.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
@include default-form-error-style();
}
}
.CDB-FieldError .CDB-InputText {
@include default-form-error-style();
}

10
src/scss/cdb-components/forms/selects.scss
View File

@ -31,6 +31,7 @@
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
@import '../../cdb-utilities/helpers';
.CDB-Select {
position: relative;
@ -64,8 +65,11 @@
background: $cThirdBackground;
}
&.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
@include default-form-error-style();
}
}
.CDB-FieldError .CDB-Select,
.CDB-FieldError .CDB-SelectFake {
@include default-form-error-style();
}

10
src/scss/cdb-components/forms/textarea.scss
View File

@ -13,6 +13,7 @@
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
@import '../../cdb-utilities/helpers';
.CDB-Textarea {
width: 100%;
@ -34,9 +35,10 @@
border-color: $cSecondaryLine;
background: $cThirdBackground;
}
&:has-error {
@include default-form-error-style();
}
.CDB-Textarea.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
}
.CDB-FieldError .CDB-Textarea {
@include default-form-error-style();
}

7
src/scss/cdb-utilities/helpers.scss
View File

@ -93,3 +93,10 @@
display: block !important;
}
}
/* helper mixins */
@mixin default-form-error-style() {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
}