From b59952c03ae46f1a3f646c8651e3554aff2d377d Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Tue, 23 Jan 2024 20:34:15 +0100
Subject: [PATCH] OZG-4706 OZG-4758 OPT Layout Az/Nr, Name, Icon, Paddings
---
.../lib/ui/expansion-panel/_expansion-panel.theme.scss | 2 +-
.../aktenzeichen-editable.component.scss | 8 +++++++-
.../vorgang-detail-area.component.scss | 9 +--------
.../vorgang-detail-header.component.scss | 9 ++++-----
.../vorgang-nummer/_vorgang-nummer.component.theme.scss | 2 +-
5 files changed, 14 insertions(+), 16 deletions(-)
diff --git a/alfa-client/libs/ui/src/lib/ui/expansion-panel/_expansion-panel.theme.scss b/alfa-client/libs/ui/src/lib/ui/expansion-panel/_expansion-panel.theme.scss
index 71e140af97..a4e2f1f00d 100644
--- a/alfa-client/libs/ui/src/lib/ui/expansion-panel/_expansion-panel.theme.scss
+++ b/alfa-client/libs/ui/src/lib/ui/expansion-panel/_expansion-panel.theme.scss
@@ -43,7 +43,7 @@ body.mat-typography ozgcloud-expansion-panel {
h3 {
margin-bottom: 0;
font-weight: 500;
- margin-left: 16px;
+ margin-left: 8px;
font-size: 16px;
}
diff --git a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.scss b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.scss
index 0fe9a65ebb..bca48d7177 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.scss
+++ b/alfa-client/libs/vorgang-detail/src/lib/aktenzeichen-editable/aktenzeichen-editable.component.scss
@@ -26,7 +26,13 @@
display: flex;
align-items: center;
font-size: 16px;
- font-weight: 400;
+ font-weight: 300;
+}
+
+.ellipsis {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
// Workaround Material's fixed 48px height
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
index b5b56914f0..7ad83ad65c 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-area.component.scss
@@ -56,14 +56,7 @@
.section {
width: auto;
- padding: 0 16px;
-
- &:first-child {
- padding-left: 0.75rem;
- }
- &:last-child {
- margin-right: 8px;
- }
+ padding: 0 16px 16px 16px;
}
.two-column {
diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss
index b1384d338f..3a704eb43a 100644
--- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss
+++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-header/vorgang-detail-header.component.scss
@@ -27,10 +27,9 @@
:host {
display: grid;
- row-gap: 0.5rem;
- min-width: 22rem;
+ row-gap: 10px;
align-items: center;
- grid-template-columns: 8% 84% 8%;
+ grid-template-columns: 48px 1fr 8%;
grid-template-areas:
"status-dot status-text initial-date"
". name user"
@@ -42,7 +41,7 @@
.name {
line-height: 1.4;
- margin: 0;
+ margin: 8px 0 4px 0;
font-size: 16px;
font-weight: 500;
}
@@ -82,7 +81,7 @@ mat-icon {
align-items: center;
.aktenzeichen-editable {
- width: calc(100% - 48px);
+ width: calc(100% - 82px);
}
}
diff --git a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/_vorgang-nummer.component.theme.scss b/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/_vorgang-nummer.component.theme.scss
index df86020467..7178db5371 100644
--- a/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/_vorgang-nummer.component.theme.scss
+++ b/alfa-client/libs/vorgang-shared-ui/src/lib/vorgang-nummer/_vorgang-nummer.component.theme.scss
@@ -45,7 +45,7 @@ alfa-vorgang-nummer {
&.big {
div {
font-size: 16px;
- font-weight: 400;
+ font-weight: 300;
}
mat-icon {
margin-right: 0.5rem;
--
GitLab