feat(angular-material): fix linting:scss

upgrade angular-material to 16 BREAKING CHANGE: ⛵upgrade angular-material to 16
kubernetes · Oct 17, 2023 · 29bd6a7 · 29bd6a7
1 parent ff9a83c
commit 29bd6a7
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 8 deletions.
diff --git a/modules/web/src/_theming.scss b/modules/web/src/_theming.scss
@@ -33,6 +33,7 @@
   $box-shadow-3: rgb(0 0 0 / 0.12);
   $box-shadow: 0 3px 1px -2px $box-shadow-1, 0 2px 2px 0 $box-shadow-2, 0 1px 5px 0 $box-shadow-3;
   $white: #fff;
+
   // Global style overrides.
 
   @include mat.form-field-density(-4);
@@ -42,10 +43,12 @@
     mat-form-field {
       width: 100%;
     }
+
     .mdc-notched-outline {
       .mdc-notched-outline__leading {
         display: none !important;
       }
+
       .mdc-notched-outline__trailing {
         border: 1px solid $border !important;
         border-radius: 2px !important;
@@ -212,9 +215,11 @@
         .mdc-text-field__input {
           font-size: $subhead-font-size-base;
         }
+
         .mdc-text-field {
           background-color: color.adjust($background, $lightness: -2.5%);
         }
+
         .mdc-notched-outline__trailing {
           display: none;
         }
@@ -242,11 +247,12 @@
     }
   }
 
-  /*MAT chips Theming*/
+  /* MAT chips Theming */
 
   .mat-mdc-chip.mat-mdc-standard-chip {
     background: $card-background-dark;
   }
+
   .kd-chips-show-button {
     color: map.get($colors, primary);
 
@@ -255,7 +261,7 @@
     }
   }
 
-  /*MAT chips Theming End*/
+  /* MAT chips Theming End */
 
   button.mat-mdc-icon-button {
     color: theming.mat-color($foreground-palette, text);
@@ -313,6 +319,7 @@
   .kd-secret-detail-text {
     mat-form-field {
       width: 100%;
+
       .mdc-text-field {
         background-color: $border;
       }

diff --git a/modules/web/src/create/style.scss b/modules/web/src/create/style.scss
@@ -16,6 +16,7 @@
 
 .kd-create-container {
   padding: 0;
+
   ::ng-deep .mat-mdc-tab-body-content{
     height: auto;
     padding: 2.5 * $baseline-grid;

diff --git a/modules/web/src/index.scss b/modules/web/src/index.scss
@@ -283,7 +283,7 @@ router-outlet::after {
   z-index: 1;
 }
 
-/*MDC MAT chips*/
+/* MDC MAT chips */
 .mat-mdc-chip.mat-mdc-standard-chip {
   box-shadow: none !important;
   font-size: $body-font-size-base;
@@ -292,14 +292,14 @@ router-outlet::after {
   line-height: $body-font-size-base;
   min-height: unset;
   padding: ($baseline-grid * 0.75) ($baseline-grid * 1.25);
-  transition: none !important;
-  word-break: break-all !important;
   padding-left: unset;
   padding-right: unset;
+  transition: none !important;
+  word-break: break-all !important;
 
   .mdc-evolution-chip__text-label {
-    white-space: normal;
     line-height: normal;
+    white-space: normal;
   }
 
   &:hover::after {
@@ -314,7 +314,8 @@ router-outlet::after {
 .mat-mdc-chip-focus-overlay {
   background: none !important;
 }
-/* MDC MAT chips end*/
+
+/* MDC MAT chips end */
 
 .kd-chips-show-button {
   cursor: pointer;
@@ -394,7 +395,6 @@ kd-logs {
 }
 
 .kd-standard-form-field {
-
   mat-form-field {
     width: 100%;
 
@@ -406,13 +406,16 @@ kd-logs {
       .mdc-notched-outline__leading {
         display: none;
       }
+
       .mdc-notched-outline__notch {
         border-radius: 0;
         border-top: none;
+
         .mdc-floating-label {
           left: 0;
         }
       }
+
       .mdc-notched-outline__trailing {
         border-radius: 0;
         border-right: none;

diff --git a/modules/web/src/resource/config/secret/detail/edit/style.scss b/modules/web/src/resource/config/secret/detail/edit/style.scss
@@ -26,6 +26,7 @@ $kd-code-block-typography: mat.define-typography-config(
 
 .kd-code-block {
   @include mat.typography-level($kd-code-block-typography, 'body-1');
+
   border-radius: $baseline-grid * 0.25;
   display: block;
   padding: $baseline-grid * 2;
@@ -35,6 +36,7 @@ $kd-code-block-typography: mat.define-typography-config(
 
 .kd-secret-detail-text {
   width: 100%;
+
   .mat-mdc-input-element {
     @include mat.typography-level($kd-code-block-typography, 'body-1');
   }

diff --git a/modules/web/src/settings/global/style.scss b/modules/web/src/settings/global/style.scss
@@ -20,6 +20,7 @@ kd-settings-entry:nth-child(n)~ kd-settings-entry  {
 
 mat-slider {
   margin-left: 24px;
+
   --mdc-slider-handle-height: 16px;
   --mdc-slider-handle-width: 16px;
   --mdc-slider-active-track-height: 2px;

diff --git a/modules/web/src/shell/styles.scss b/modules/web/src/shell/styles.scss
@@ -44,6 +44,7 @@ $shell-background-color: #000;
       > .mat-mdc-card-title + div {
         @include flex-full-height;
       }
+
       .mat-mdc-card-content {
         @include flex-full-height;