[ADF-4858] Make sure process-services works with ng commands (#5067)

* Process-services: Making sure you can run ng build process-services ng test process-services * Fix the path of the styles * move the file in the right place
2025-07-24 17:32:15 +00:00 · 2019-09-20 09:47:17 +01:00
parent 90b2cee70d
commit cd7e21a23d
283 changed files with 1324 additions and 332 deletions
--- a/lib/process-services/src/lib/task-list/components/start-task.component.scss
+++ b/lib/process-services/src/lib/task-list/components/start-task.component.scss
@@ -0,0 +1,126 @@
+@mixin adf-task-list-start-task-theme($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $warn: map-get($theme, warn);
+    $foreground: map-get($theme, foreground);
+    $header-border: 1px solid mat-color($foreground, divider);
+
+    .adf-new-task-heading {
+        padding-top: 12px;
+        border-bottom: $header-border;
+        .mat-card-title {
+            font-weight: bold;
+            font-size: 18px;
+        }
+    }
+
+    .adf-new-task-form {
+        width: 100%;
+    }
+
+    .adf-new-task-layout-card {
+        margin: 10px auto;
+    }
+
+    .adf-new-task-footer {
+        padding: 4px;
+        font-size: 18px;
+        border-top: 1px solid #eee;
+    }
+
+    .adf-mat-select {
+        padding-top: 0;
+    }
+
+    adf-start-task {
+
+        people-widget {
+            width: 100%;
+            .mat-form-field-label-wrapper {
+                top: -14px !important;
+            }
+        }
+
+        .adf-people-widget-content {
+            .mat-form-field {
+                width: 100%;
+            }
+            .adf-label {
+                line-height: 0;
+            }
+            .adf-error-text-container {
+                margin-top: -10px;
+            }
+        }
+
+        .adf {
+
+            &-new-task-footer {
+                .mat-button {
+                    text-transform: uppercase !important;
+                }
+            }
+
+            &-start-task-input-container .mat-form-field-wrapper {
+                padding-top: 8px;
+            }
+
+            &-error-text-container {
+                position: absolute;
+                height: 20px;
+                margin-top: 12px;
+                width: 100%;
+
+                & > div {
+                    display: flex;
+                    flex-flow: row;
+                    justify-content: flex-start;
+                }
+            }
+
+            &-error-text {
+                padding-right: 8px;
+                height: 16px;
+                font-size: 12px;
+                line-height: 1.33;
+                color: mat-color($warn);
+                width: auto;
+            }
+
+            &-error-icon {
+                font-size: 17px;
+                color: mat-color($warn);
+            }
+
+            &-label {
+                color: rgb(186, 186, 186);;
+            }
+
+            &-invalid {
+
+                .mat-form-field-underline {
+                    background-color: #f44336 !important;
+                }
+
+                .adf-file {
+                    border-color: mat-color($warn);
+                }
+
+                .mat-form-field-prefix {
+                    color: mat-color($warn);
+                }
+
+                .adf-input {
+                    border-color: mat-color($warn);
+                }
+
+                .adf-label {
+                    color: mat-color($warn);
+                    &::after {
+                        background-color: mat-color($warn);
+                    }
+                }
+            }
+        }
+    }
+}