From 681a1359b23e7ac79b0b0e8259f7840a4dae889a Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Mon, 5 Jul 2021 15:11:40 +0200
Subject: [PATCH] responsive detailview
---
.../lib/navigation/navigation.component.spec.ts | 2 +-
.../vorgang-detail-area.component.scss | 16 +++++++++++++++-
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
index 545242e817..105807b506 100644
--- a/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
+++ b/goofy-client/libs/navigation/src/lib/navigation/navigation.component.spec.ts
@@ -5,7 +5,7 @@ import { AppService } from '@goofy-client/app-shared';
import { mock } from '@goofy-client/test-utils';
import { BehaviorSubject } from 'rxjs';
import { NavigationComponent } from './navigation.component';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
describe('NavigationComponent', () => {
let component: NavigationComponent;
diff --git a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
index a5ed754361..8295aadf7f 100644
--- a/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
+++ b/goofy-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
@@ -1,3 +1,6 @@
+@import "breakpoints";
+@import "~include-media/dist/include-media";
+
:host {
position: relative;
display: block;
@@ -12,12 +15,23 @@
.vorgang-detail-body {
display: flex;
+ flex-direction: column;
+
+ @include media('>desktop') {
+ flex-direction: row;
+ }
}
.section {
- width: 50%;
+ width: 100%;
+ flex-shrink: 0;
+ flex-grow: 0;
padding: 0 16px;
+ @include media('>desktop') {
+ width: 50%;
+ }
+
&:last-child {
margin-right: 8px;
}
--
GitLab