raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-13 23:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Consistently use red in forms

Browse Source 
Errors and required fields now use the colour from the palette. The error messages in the old design are a bit darker now, but I think it's clearer. And it makes the new design look way better.

Also snuck in a tiny padding tweak.
This commit is contained in:
David Cook
2023-08-02 16:04:48 +10:00
parent 7886e25f83
commit 828df3ed82
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/webpacker/css/admin/components/messages.scss
View File

@@ -1,14 +1,14 @@
.errorExplanation {
padding: 5px;
padding: 10px;
border: 1px solid very-light($color-error, 12);
background-color: very-light($color-error, 6);
border-radius: 3px;
color: very-light($color-error, 30);
color: $color-error;
margin-bottom: 15px;
h2 {
font-size: 140%;
color: very-light($color-error, 30);
color: $color-error;
margin-bottom: 5px;
}

6
app/webpacker/css/admin/openfoodnetwork.scss
View File

@@ -221,12 +221,12 @@ table#listing_enterprise_groups {
h4,
h5,
h6 {
color: $warning-red;
color: $color-error;
}
}
.field_with_errors > input {
border-color: red;
border-color: $color-error;
}
// textAngular wysiwyg
@@ -269,7 +269,7 @@ text-angular {
}
span.required {
color: red;
color: $color-5;
font-size: 110%;
}

6
app/webpacker/css/admin/shared/forms.scss
View File

@@ -100,15 +100,15 @@ span.info {
&.withError {
.field_with_errors {
label {
color: very-light($color-error, 30);
color: $color-error;
}
input {
border-color: very-light($color-error, 15);
border-color: $color-error;
}
}
.formError {
color: very-light($color-error, 30);
color: $color-error;
font-style: italic;
font-size: 85%;
}