Merged PR 1456: Breite für Desktop angepasst

Related work items: #3700

apps/page/catalog/src/lib/article-details/article-details.component.scss

@@ -256,7 +256,6 @@
 .recommendations-overlay {
   @apply absolute w-full top-0 rounded-t-card;
   top: 56px;
-  max-width: 916px;
 
   .product-button {
     @apply flex flex-row justify-center items-center w-full text-xl bg-white text-ucla-blue font-bold border-none outline-none rounded-t-card;

apps/page/catalog/src/lib/article-search/search-filter/search-filter.component.scss

@@ -4,7 +4,6 @@
 
 .catalog-search-filter-content {
   @apply relative mx-auto p-4;
-  max-width: 916px;
 }
 
 .btn-close {

apps/page/customer/src/lib/customer-search/search-filter/search-filter.component.scss

@@ -4,7 +4,6 @@
 
 .customer-search-filter-content {
   @apply relative mx-auto p-4;
-  max-width: 916px;
 }
 
 .btn-close {

apps/page/goods-in/src/lib/goods-in-search/goods-in-search-filter/goods-in-search-filter.component.scss

@@ -4,7 +4,6 @@
 
 .goods-in-search-filter-content {
   @apply relative mx-auto;
-  max-width: 916px;
 }
 
 .btn-close {

apps/page/goods-out/src/lib/goods-out-search/goods-out-search-filter/goods-out-search-filter.component.scss

@@ -4,7 +4,6 @@
 
 .goods-out-search-filter-content {
   @apply relative mx-auto;
-  max-width: 916px;
 }
 
 .btn-close {

apps/page/remission/src/lib/remission-list/remission-filter/remission-filter.component.scss

@@ -4,7 +4,6 @@
 
 .remission-filter-content {
   @apply relative mx-auto p-4;
-  max-width: 916px;
 }
 
 .btn-close {

apps/page/task-calendar/src/lib/containers/task-calendar-filter/task-calendar-filter.component.scss

@@ -4,7 +4,6 @@
 
 .filter-content {
   @apply relative mx-auto p-4;
-  max-width: 916px;
 }
 
 .filter-header {

apps/shell/filter-overlay/src/lib/filter-overlay.component.scss

@@ -1,6 +1,6 @@
 div {
   @apply z-fixed mx-auto;
   height: calc(100vh - 8.375rem);
-  width: 884px;
+  @apply w-content;
   background-color: var(--bg-color);
 }

apps/shell/filter-overlay/src/lib/filter-overlay.component.spec.ts

@@ -1,19 +1,19 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { FilterOverlayComponent } from './filter-overlay.component';
+import { ShellFilterOverlayComponent } from './filter-overlay.component';
 
-describe('FilterOverlayComponent', () => {
-  let component: FilterOverlayComponent;
-  let fixture: ComponentFixture<FilterOverlayComponent>;
+describe('ShellFilterOverlayComponent', () => {
+  let component: ShellFilterOverlayComponent;
+  let fixture: ComponentFixture<ShellFilterOverlayComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [FilterOverlayComponent],
+      declarations: [ShellFilterOverlayComponent],
     }).compileComponents();
   });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(FilterOverlayComponent);
+    fixture = TestBed.createComponent(ShellFilterOverlayComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

apps/ui/filter/src/lib/filter-group/components/select-filter/select-filter.component.scss

@@ -40,11 +40,6 @@
     right: auto !important;
   }
 
-  @screen desktop-l {
-    margin-left: 600px;
-    right: auto !important;
-  }
-
   &.no-shadow {
     box-shadow: none;
   }

tailwind.config.js

@@ -3,10 +3,8 @@ module.exports = {
   darkMode: 'media', // or 'media' or 'class'
   theme: {
     screens: {
-      tablet: '640px',
-      desktop: '1024px',
-      'desktop-l': '1280px',
-      'desktop-xl': '1680px',
+      tablet: '640px', // 744 x 1133 iPad Optimale Auflösung
+      desktop: '1024px', // 1440 x 1024 Desktop Optimale Auflösung
     },
     zIndex: {
       dropdown: 50,
@@ -30,8 +28,11 @@ module.exports = {
         'card-sub': '20px',
         'page-heading': '26px',
       },
+      width: {
+        content: '1280px',
+      },
       maxWidth: {
-        content: '916px',
+        content: '1280px',
       },
       spacing: {
         'cta-x-l': '25px',