[AAE-5637] Remove SCSS mixins and use CSS variables (#7250)

* remove default-class mixin and use regular import * cleanup colors * remove variables file, fix bugs in animations * proper ordering of imports, core css vars * cleanup snackbar and material themes * tags component * login component styles * app login * toolbar component styles * breadcrumb styles * dropdown breadcrumb * app layout component * demo shell: files component * aspect list styles * content metadata styles * node selector * name location cell * node share dialog * content type dialog * folder dialog * document list * datatable theme * pagination theme * viewer theme * viewer theme * user-info theme * container widget * dynamic table theme * form widgets * form theme * form renderer * sidebar menu * header theme * info drawer theme * comment list * commens and layout container * sidenav layout * empty content * error content * clipboard theme * search input * tooltip card and notification history * card view theme * remove unused keys * add permission dialog * search and permission dialogs * version comparison and column themes * upload drag area and cleanup references * remove the need for content styles * insight components * cleanup insights theme * process components * process components * process cloud themes * cleanup unsed imports * cleanup mixins * update build scripts * test fixes * remove fdescribe * css fixes * update unit tests
2025-07-24 17:32:15 +00:00 · 2021-09-29 13:17:05 +01:00
parent 8113b9b10b
commit 6f968f7e4a
335 changed files with 7703 additions and 8339 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,115 @@
+.adf-new-task-heading {
+    padding-top: 12px;
+    border-bottom: 1px solid var(--theme-fg-divider);
+    .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 {
+
+    .mat-button.adf-uppercase {
+        text-transform: uppercase;
+    }
+
+    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 {
+        &-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: var(--theme-warn-color);
+            width: auto;
+        }
+
+        &-error-icon {
+            font-size: 17px;
+            color: var(--theme-warn-color);
+        }
+
+        &-label {
+            color: rgb(186, 186, 186);;
+        }
+
+        &-invalid {
+
+            .mat-form-field-underline {
+                background-color: #f44336 !important;
+            }
+
+            .adf-file {
+                border-color: var(--theme-warn-color);
+            }
+
+            .mat-form-field-prefix {
+                color: var(--theme-warn-color);
+            }
+
+            .adf-input {
+                border-color: var(--theme-warn-color);
+            }
+
+            .adf-label {
+                color: var(--theme-warn-color);
+                &::after {
+                    background-color: var(--theme-warn-color);
+                }
+            }
+        }
+    }
+}