Merge pull request #667 from taigaio/issue/2618/error-field

Edit error message position

app/styles/core/forms.scss

@@ -4,11 +4,6 @@ fieldset {
     padding: 0;
     position: relative;
     width: 100%;
-    label {
-        ~.checksley-error-list {
-            top: 31px;
-        }
-    }
     .icon-capslock {
         cursor: pointer;
     }
@@ -38,12 +33,7 @@ textarea {
 
 
 .checksley-error-list {
-    @extend %small;
     margin-bottom: 0;
-    padding: 0 .5rem;
-    position: absolute;
-    right: 2rem;
-    top: 10px;
     li {
         padding: .2rem;
     }

app/styles/dependencies/helpers.scss

@@ -25,10 +25,15 @@
     top: 0;
     z-index: 99910;
     .close {
-        @extend %large;
+        @extend %xlarge;
+        color: $gray;
         position: absolute;
         right: 2rem;
-        top: 2rem;
+        top: 1rem;
+        transition: color .2s;
+        &:hover {
+            color: $primary;
+        }
     }
     &.open {
         align-content: center;
@@ -45,9 +50,7 @@
     .title {
         text-align: center;
     }
-    input,
-    textarea,
-    select {
+    fieldset {
         margin-bottom: 1rem;
     }
     textarea {

app/styles/layout/login.scss

@@ -58,10 +58,4 @@
             color: $white;
         }
     }
-    .checksley-error-list {
-        right: 1rem;
-        +.forgot-pass {
-            display: none;
-        }
-    }
 }

app/styles/modules/admin/project-values.scss

@@ -51,12 +51,6 @@
 .project-values-value {
     flex-basis: 0;
     flex-grow: 1;
-    .checksley-error-list {
-        left: 0;
-        right: auto;
-        top: 35px;
-        white-space: nowrap;
-    }
 }
 
 .project-values-isclosed,

app/styles/modules/common/lightbox.scss

@@ -107,7 +107,6 @@
         max-width: 600px;
     }
     textarea {
-        margin-bottom: 1rem;
         max-height: 12rem;
         min-height: 15rem;
     }
@@ -119,7 +118,7 @@
         flex-grow: 0;
         max-width: 600px;
     }
-    input {
+    fieldset {
         margin-bottom: 1rem;
     }
 }
@@ -147,8 +146,7 @@
     .extra-text {
         margin-top: 1rem;
     }
-    input,
-    select {
+    fieldset {
         margin-bottom: 0;
     }
     select {
@@ -159,6 +157,7 @@
         margin-left: .5rem;
     }
     .icon-delete {
+        @extend %xlarge;
         &:hover {
             color: $red;
         }

app/themes/high-contrast/custom.scss

@@ -94,11 +94,11 @@ textarea {
     }
 }
 
-
 // Input errors
 .checksley-error-list {
-    background: rgba($whitish, .8);
-    color: $red;
+    @extend %light;
+    background: rgba($red, .7);
+    color: $white;
 }
 
 // Blockquote

app/themes/material-design/custom.scss

@@ -89,11 +89,11 @@ textarea {
     }
 }
 
-
 // Input errors
 .checksley-error-list {
-    background: rgba($whitish, .8);
-    color: $red;
+    @extend %light;
+    background: rgba($red, .7);
+    color: $white;
 }
 
 // Blockquote

app/themes/taiga/custom.scss

@@ -74,8 +74,9 @@ textarea {
 
 // Input errors
 .checksley-error-list {
-    background: rgba($whitish, .8);
-    color: $red;
+    @extend %light;
+    background: rgba($red, .7);
+    color: $white;
 }
 
 // Blockquote