[ADF-852] Form style Material 2 (#2151)

* mdl2 transition part form 1 * hyperlink * radio buttons * label * people component * [ADF-852] moved textarea to new angular material * number widget * change error multiline * [ADF-852] added md desgin for dropdown * [ADF-852] removed unused css file * functional widget * error dropdown * [ADF-852] - changed to new md date * remove md-date-time-picker dependency in ng2-alfresco-from * [ADF-852] conversion dynamic table phase 1 * container widget * remove test unused * validation change * [ADF-852] convert dynamic table phase 2 * [ADF-852] improving style and fixing bugs * move custom style for form in form.scss * error footer refactor * fix models and test * [ADF-852]- fixed minor twitch on dynamic table * align fields and fix tests dropdown * disabling button in readonly clean mdl form start process form * align dropdown * [ADF-1048] Upload widget can manage multiple files. (#2134) * [ADF-1048] improving upload widget * [ADF-1048] added ability to upload multiple file on upload widget * [ADF-1048] added multiple upload elements on upload widget * [ADF-1048] - show all the files on the completed form * [ADF-1048] fixed wrong selecion on displya upload * [ADF-1048] removed fdescribe from upload widget * date validation and custom moment data adapter * move content widget in the widget folder * add style fields and theming * color primary radio and checkbox * fix amount widget and colors * change ViewEncapsulation and fix date style button issue * empty form customization 1736 * focus label style * [ADF-224] fix the rendering of custom stencils when form is opened in readonly state. (#2161) * [ADF-224] Fixed rendering of custom stencil in readonly mode * [ADF-224] improved variable name * test fix * container filter in form model creation * show display value correctly * fix change date and test * fix date editor and add some test coverage for date * style minor issue * fix new unused local import rule * fix test date * strict date check * fix analytics failing test * restore null as default in model * unify model diagrams and analytics
2025-07-31 17:38:48 +00:00 · 2017-08-07 13:15:29 +01:00
parent 47ea517ffb
commit 083c9da0d4
197 changed files with 10201 additions and 4774 deletions
--- a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss
@@ -0,0 +1,61 @@
+@import 'theming';
+
+ul > li > form-field > .adf-focus {
+    .adf-label {
+        color: mat-color($primary);
+    }
+}
+
+.adf {
+
+    &-error-text-container {
+        width: 95%;
+        height: 20px;
+        margin-top: -12px;
+    }
+
+    &-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: $alfresco-gray-label;
+    }
+
+    &-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);
+            }
+        }
+    }
+}