update theming so the fe starts

NUM-Forschungsdatenplattform · Sep 16, 2024 · 16b6d4f · 16b6d4f
1 parent 9ad34b7
commit 16b6d4f
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 0 deletions.
diff --git a/src/app/layout/components/header/header.component.scss b/src/app/layout/components/header/header.component.scss
@@ -10,6 +10,7 @@ $accent: map-get($num-portal-webapp-theme, accent);
   border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
 /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
 .mat-tab-label-active {
   color: black;

diff --git a/src/app/layout/components/side-menu/side-menu.component.scss b/src/app/layout/components/side-menu/side-menu.component.scss
@@ -10,6 +10,7 @@ fa-icon {
     padding: 10px 10px 10px 0;
   }
 }
+/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
 .num-mat-list-item--active {
   background: #fdeced;
 }
diff --git a/...pp/modules/cohort-builder/components/aql-connector-item/aql-connector-item.component.scss b/...pp/modules/cohort-builder/components/aql-connector-item/aql-connector-item.component.scss
@@ -14,6 +14,7 @@
   margin: 0 10px 0 0;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
 /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
 mat-checkbox {
   align-self: center;

diff --git a/src/app/modules/manager-tools/components/manager-charts/manager-charts.component.scss b/src/app/modules/manager-tools/components/manager-charts/manager-charts.component.scss
@@ -7,6 +7,7 @@ mat-form-field {
   width: 100%;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
   height: 420px;

diff --git a/src/styles/custom-material/styles/_buttons.themed.scss b/src/styles/custom-material/styles/_buttons.themed.scss
@@ -8,6 +8,7 @@
   $additional: map-get($theme, additional);
   /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
   /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+  /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
   .mat-mdc-icon-button.mat-button-disabled.mat-button-disabled {
     color: mat.get-color-from-palette($additional, light-grey);
   }
@@ -20,6 +21,7 @@
   }
 
   .num-button {
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
     &.mat-mdc-button .mat-button-wrapper > *,
@@ -34,6 +36,7 @@
     }
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
     &.cdk-keyboard-focused .mat-button-focus-overlay {
       display: none;
     }
@@ -49,6 +52,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &:hover:not(.mat-button-disabled) {
         background: mat.get-color-from-palette($primary, 700);
         box-shadow: $raised-shadow;
@@ -60,6 +64,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &.mat-button-disabled {
         background: mat.get-color-from-palette($primary, 100);
         border-color: mat.get-color-from-palette($primary, 100);
@@ -78,6 +83,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &:hover:not(.mat-button-disabled) {
         background: mat.get-color-from-palette($accent, 100);
         box-shadow: $raised-shadow;
@@ -88,6 +94,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &.mat-button-disabled {
         fa-icon {
           color: mat.get-color-from-palette($accent, 200);
@@ -106,6 +113,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &:hover:not(.mat-button-disabled) {
         background: mat.get-color-from-palette($accent, 100);
         box-shadow: $raised-shadow;
@@ -117,6 +125,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
       &.mat-button-disabled {
         fa-icon {
           color: mat.get-color-from-palette($accent, 200);

diff --git a/src/styles/custom-material/styles/_input-classes.scss b/src/styles/custom-material/styles/_input-classes.scss
@@ -1,4 +1,5 @@
 .num-operator-select {
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-infix {
@@ -7,12 +8,14 @@
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-underline {
     display: none;
   }
 }
 
 .num-tiny-input {
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-wrapper {
@@ -21,22 +24,26 @@
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-flex {
     padding: 0 0.1em 0 0.4em !important;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-infix {
     width: unset;
     padding: 0.1em 0 0.35em 0 !important;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-underline {
     position: initial;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   .mat-select-value {
     max-width: unset;
     width: unset;
@@ -45,6 +52,7 @@
   }
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   .mat-select-arrow-wrapper {
     transform: translateY(-10%) !important;
   }
@@ -54,21 +62,25 @@
   max-width: 50px;
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-wrapper {
     padding: 0;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-infix {
     width: unset;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
   .mat-form-field-underline {
     position: initial;
   }
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
+  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   .mat-select-value {
     max-width: unset;
     width: unset;

diff --git a/src/styles/custom-material/styles/_lang-toggle-button.themed.scss b/src/styles/custom-material/styles/_lang-toggle-button.themed.scss
@@ -9,6 +9,7 @@
     border: none;
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     .mat-button-toggle {
       background-color: transparent;
 
@@ -32,26 +33,32 @@
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     .mat-button-toggle-appearance-standard {
       color: mat.get-color-from-palette($additional, mid-grey);
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       &.mat-button-toggle-checked {
         color: mat.get-color-from-palette($primary);
       }
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       &.mat-button-toggle + .mat-button-toggle {
         border-left: solid 2px mat.get-color-from-palette($accent);
       }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     .cdk-keyboard-focused .mat-button-toggle-focus-overlay {
       display: none;
     }
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     .mat-button-toggle-label-content {
       line-height: 32px;
     }

diff --git a/src/styles/custom-material/styles/_mat-chip.themed.scss b/src/styles/custom-material/styles/_mat-chip.themed.scss
@@ -8,6 +8,7 @@
     font-size: 14px;
     /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
     &.mat-chip-selected.mat-primary,
     &.chip-primary {
       background: mat.get-color-from-palette($primary, 500);

diff --git a/src/styles/custom-material/styles/_mat-toast.themed.scss b/src/styles/custom-material/styles/_mat-toast.themed.scss
@@ -11,6 +11,7 @@
       background-color: mat.get-color-from-palette($additional, success);
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       .mat-button-wrapper {
         color: mat.get-color-from-palette($additional, dark-grey);
       }
@@ -20,6 +21,7 @@
       background-color: mat.get-color-from-palette($additional, warning);
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       .mat-button-wrapper {
         color: mat.get-color-from-palette($additional, dark-grey);
       }
@@ -29,12 +31,14 @@
       background-color: mat.get-color-from-palette($additional, error);
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+      /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
       .mat-button-wrapper {
         color: mat.get-color-from-palette($additional, white);
       }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
+    /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
     .mat-button-wrapper {
       font-weight: 400;
     }