[ADF-1582] Revert error widget style modification (#2372)

* Revert error widget style modification * Fix start form issues
2026-09-09 18:03:21 +00:00 · 2017-09-26 13:27:19 +01:00
parent e8c9c209dc
commit 870cab047e
13 changed files with 2217 additions and 4386 deletions
@@ -35,4 +35,10 @@

 form-field {
    width: 100%;
+
+    .mat-input-element {
+        font-size: 14px;
+        padding-top: 8px;
+        line-height: 20px;
+    }
 }
@@ -56,7 +56,7 @@
        }

        .mat-input-placeholder-wrapper {
-            top: 0 !important;
+            top: 5px !important;
        }

        .mat-input-placeholder {
@@ -1,11 +1,3 @@
-
-
-.adf-error-text-container {
-    position: absolute;
-    width: 81%;
-    height: 20px;
-    margin-top: 30px; }
-
 .adf-error-text{
    width: 85%;
 }
@@ -43,62 +43,64 @@
        padding-top: 0px;
    }

-    .adf {
-
-        &-start-task-input-container .mat-input-wrapper {
-            padding-top: 8px;
-        }
-
-        &-error-text-container {
-            position: absolute;
-            width: 81%;
-            height: 20px;
-            margin-top: 30px;
-        }
-
-        &-error-text {
-            padding: 1px;
-            height: 16px;
-            font-size: 12px;
-            line-height: 1.33;
-            float: left;
-            color: mat-color($warn);
-        }
-
-        &-error-icon {
-            float: right;
-            font-size: 17px;
-            color: mat-color($warn);
-        }
-
-        &-label {
-            color: rgb(186, 186, 186);;
-        }
-
-        &-invalid {
-
-            .mat-input-underline {
-                background-color: #f44336 !important;
+    adf-start-task {
+        .adf {
+    
+            &-start-task-input-container .mat-input-wrapper {
+                padding-top: 8px;
            }
-
-            .adf-file {
-                border-color: mat-color($warn);
+    
+            &-error-text-container {
+                position: absolute;
+                width: 81%;
+                height: 20px;
+                margin-top: 30px;
            }
-
-            .mat-input-prefix {
+    
+            &-error-text {
+                padding: 1px;
+                height: 16px;
+                font-size: 12px;
+                line-height: 1.33;
+                float: left;
                color: mat-color($warn);
            }
-
-            .adf-input {
-                border-color: mat-color($warn);
-            }
-
-            .adf-label {
+    
+            &-error-icon {
+                float: right;
+                font-size: 17px;
                color: mat-color($warn);
-                &:after {
-                    background-color: mat-color($warn);
+            }
+    
+            &-label {
+                color: rgb(186, 186, 186);;
+            }
+    
+            &-invalid {
+    
+                .mat-input-underline {
+                    background-color: #f44336 !important;
+                }
+    
+                .adf-file {
+                    border-color: mat-color($warn);
+                }
+    
+                .mat-input-prefix {
+                    color: mat-color($warn);
+                }
+    
+                .adf-input {
+                    border-color: mat-color($warn);
+                }
+    
+                .adf-label {
+                    color: mat-color($warn);
+                    &:after {
+                        background-color: mat-color($warn);
+                    }
                }
            }
-        }
+        }            
    }
 }