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

Merge pull request #95 from CartoDB/form-fields-error-state

Browse Source 
Adding fields error state
This commit is contained in:
Javier Álvarez Medina 2016-04-18 16:43:23 +02:00
commit de8e49afd0
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();
}

12
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%;
@ -35,9 +36,10 @@
border-color: $cSecondaryLine;
background: $cThirdBackground;
}
}
.CDB-Textarea.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
&:has-error {
@include default-form-error-style();
}
}
.CDB-FieldError .CDB-Textarea {
@include default-form-error-style();
}

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

@ -49,7 +49,7 @@
}
// Colors
// Main Text Color is default color
// Main Text Color is default color
// ----------------------------------------------
.u-actionTextColor {
@ -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;
}