Move some styles form general styles file

Author: sha4be

libs/schematic/generators/ng-generate/components/shared/generators/styles/general/files/__name@dasherize__.component.scss.template

@@ -1,19 +1,4 @@
 /** <%= options.generationDisclaimerText %> **/
-.resizing {
-  .js-sdk-component-container {
-    // Ignore columns with active sorting
-    .mat-sort-header[aria-sort]:not([aria-sort='ascending']):not([aria-sort='descending']) {
-      .mat-sort-header-container::after {
-        // Compensate the empty space when sorting indicator is hidden for a resizable column
-        content: '';
-        display: block;
-        height: 100%;
-        min-width: 18px;
-        max-width: 18px;
-      }
-    }
-  }
-}
 
 ::ng-deep {
   .advanced-search-option-description {
@@ -75,32 +60,6 @@
   margin: 0;
 }
 
-.menu-actions-container {
-  display: flex;
-  align-items: center;
-  align-content: space-around;
-  padding: 16px 16px 8px 16px;
-  min-width: 450px;
-
-  .column-menu {
-    &-restore-btn {
-      align-self: flex-start;
-    }
-
-    &-cancel-btn {
-      cursor: pointer;
-      margin: 0 8px;
-    }
-  }
-
-  .config-menu {
-    &-cancel-btn {
-      cursor: pointer;
-      margin: 0 8px;
-    }
-  }
-}
-
 .list-content {
   display: flex;
   align-items: center;
@@ -131,13 +90,4 @@
   max-width: max-content !important;
 }
 
-.table-cell-tooltip,
-.table-column-tooltip {
-  max-height: none;
-
-  .mat-mdc-tooltip-surface.mdc-tooltip__surface {
-    display: block;
-  }
-}
-
 <%= customStyleImports %>

libs/schematic/generators/ng-generate/components/table/generators/components/table/files/__name@dasherize__.component.scss.template

@@ -2,6 +2,23 @@
 $gray-100: #f5f5f5;
 $gray-300: #e0e0e0;
 
+// Required for resizing functionality
+.resizing {
+  .js-sdk-component-container {
+    // Ignore columns with active sorting
+    .mat-sort-header[aria-sort]:not([aria-sort='ascending']):not([aria-sort='descending']) {
+      .mat-sort-header-container::after {
+        // Compensate the empty space when sorting indicator is hidden for a resizable column
+        content: '';
+        display: block;
+        height: 100%;
+        min-width: 18px;
+        max-width: 18px;
+      }
+    }
+  }
+}
+
 .js-sdk-component-container {
   display: flex;
   flex-direction: column;
@@ -104,4 +121,13 @@ $gray-300: #e0e0e0;
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  .table-cell-tooltip,
+  .table-column-tooltip {
+    max-height: none;
+
+    .mat-mdc-tooltip-surface.mdc-tooltip__surface {
+      display: block;
+    }
+  }
 }

libs/schematic/src/lib/components/config-menu/config-menu.component.scss

@@ -0,0 +1,25 @@
+.menu-actions-container {
+  display: flex;
+  align-items: center;
+  align-content: space-around;
+  padding: 16px 16px 8px 16px;
+  min-width: 450px;
+
+  .column-menu {
+    &-restore-btn {
+      align-self: flex-start;
+    }
+
+    &-cancel-btn {
+      cursor: pointer;
+      margin: 0 8px;
+    }
+  }
+
+  .config-menu {
+    &-cancel-btn {
+      cursor: pointer;
+      margin: 0 8px;
+    }
+  }
+}

libs/schematic/src/lib/components/config-menu/config-menu.component.spec.ts

@@ -15,17 +15,17 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {ComponentRef} from '@angular/core';
 import {MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
 import {By} from '@angular/platform-browser';
-import {EsmfConfigMenuComponent, ConfigMenuBase} from './config-menu.component';
+import {Config, EsmfConfigMenuComponent} from './config-menu.component';
 import {EsmfLocalStorageService} from '../../services/storage.service';
 import {getTranslocoTestingModule} from '../../test-utils';
 
 describe('EsmfConfigMenuComponent', () => {
-  let component: EsmfConfigMenuComponent<ConfigMenuBase>;
-  let fixture: ComponentFixture<EsmfConfigMenuComponent<ConfigMenuBase>>;
-  let componentRef: ComponentRef<EsmfConfigMenuComponent<ConfigMenuBase>>;
+  let component: EsmfConfigMenuComponent;
+  let fixture: ComponentFixture<EsmfConfigMenuComponent>;
+  let componentRef: ComponentRef<EsmfConfigMenuComponent>;
   let storageService: jest.Mocked<EsmfLocalStorageService>;
 
-  const createMockConfigs = (): ConfigMenuBase[] => [
+  const createMockConfigs = (): Config[] => [
     {name: 'config.name1', desc: 'config.desc1', selected: true, color: '#ff0000'},
     {name: 'config.name2', desc: 'config.desc2', selected: false, color: '#00ff00'},
     {name: 'config.name3', desc: 'config.desc3', selected: true, color: '#0000ff'},
@@ -37,7 +37,7 @@ describe('EsmfConfigMenuComponent', () => {
       stopPropagation: jest.fn(),
     } as unknown as MouseEvent);
 
-  const setupComponent = async (dialogData?: {configs: ConfigMenuBase[]; keyLocalStorage: string} | null) => {
+  const setupComponent = async (dialogData?: {configs: Config[]; keyLocalStorage: string} | null) => {
     await TestBed.configureTestingModule({
       imports: [EsmfConfigMenuComponent, getTranslocoTestingModule({langs: {en: {}, de: {}}})],
       providers: [
@@ -48,7 +48,7 @@ describe('EsmfConfigMenuComponent', () => {
     }).compileComponents();
 
     storageService = TestBed.inject(EsmfLocalStorageService) as jest.Mocked<EsmfLocalStorageService>;
-    fixture = TestBed.createComponent(EsmfConfigMenuComponent<ConfigMenuBase>);
+    fixture = TestBed.createComponent(EsmfConfigMenuComponent);
     component = fixture.componentInstance;
     componentRef = fixture.componentRef;
   };