Skip to content
Snippets Groups Projects
Commit 114f062c authored by OZGCloud's avatar OZGCloud
Browse files

OZG-4706 OZG-4758 Layout Az/Nr, Name, Icon

parent 5df51a71
No related branches found
No related tags found
No related merge requests found
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
border: 0; border: 0;
background-color: transparent; background-color: transparent;
margin: 0; margin: 0;
padding: 0 0 8px 0; padding: 0;
display: block; display: block;
outline: 0; outline: 0;
cursor: pointer; cursor: pointer;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
--> -->
<div class="horizontal"> <div class="horizontal">
<h1 alfa-aktenzeichen class="ellipsis" [vorgang]="vorgang" data-test-id="aktenzeichen"></h1> <div alfa-aktenzeichen class="ellipsis" [vorgang]="vorgang" data-test-id="aktenzeichen"></div>
<ng-container *ngIf="vorgang | hasLink: linkRel.SET_AKTENZEICHEN"> <ng-container *ngIf="vorgang | hasLink: linkRel.SET_AKTENZEICHEN">
<ozgcloud-icon-button-primary svgIcon="edit" tooltip="Aktenzeichen bearbeiten" (clickEmitter)="onEdit()"></ozgcloud-icon-button-primary> <ozgcloud-icon-button-primary svgIcon="edit" tooltip="Aktenzeichen bearbeiten" (clickEmitter)="onEdit()"></ozgcloud-icon-button-primary>
</ng-container> </ng-container>
......
...@@ -25,11 +25,6 @@ ...@@ -25,11 +25,6 @@
.horizontal { .horizontal {
display: flex; display: flex;
align-items: center; align-items: center;
} font-size: 16px;
h1 {
margin: 0;
line-height: 1.4;
font-size: 1.5rem;
font-weight: 400; font-weight: 400;
} }
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<alfa-aktenzeichen-editable [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable> <alfa-aktenzeichen-editable [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable>
</div> </div>
<h2 data-test-id="name" class="name">{{ vorgangWithEingang.name }}</h2> <div data-test-id="name" class="name">{{ vorgangWithEingang.name }}</div>
<alfa-user-profile-in-vorgang-container *ngIf="vorgangWithEingang | hasLink: linkRel.ASSIGN" data-test-id="vorgang-header-user-icon" <alfa-user-profile-in-vorgang-container *ngIf="vorgangWithEingang | hasLink: linkRel.ASSIGN" data-test-id="vorgang-header-user-icon"
[vorgang]="vorgangWithEingang" [vorgang]="vorgangWithEingang"
......
...@@ -30,57 +30,21 @@ ...@@ -30,57 +30,21 @@
row-gap: 0.5rem; row-gap: 0.5rem;
min-width: 22rem; min-width: 22rem;
align-items: center; align-items: center;
grid-template-columns: 8% 80% 12%; grid-template-columns: 8% 84% 8%;
grid-template-areas: grid-template-areas:
"status-dot status-text initial-date" "status-dot status-text initial-date"
". vorgang-nummer vorgang-nummer" ". name user"
". aktenzeichen aktenzeichen" ". vorgang-nummer user"
". name user"; ". aktenzeichen aktenzeichen";
@include media('>desktop') {
grid-template-columns: 5% 20% 52% 23%;
grid-template-areas:
"status-dot status-text name initial-date"
". vorgang-nummer vorgang-nummer vorgang-nummer"
". aktenzeichen aktenzeichen user";
.name {
margin-right: 5rem;
}
.user {
margin-top: -0.25rem;
}
.vorgang-nummer {
align-self: start;
}
}
@include media('>xxlDesktop') {
grid-template-columns: 4% 13% 34% 34% 15%;
grid-template-areas:
"status-dot status-text name name initial-date"
". vorgang-nummer vorgang-nummer aktenzeichen user";
.aktenzeichen, .vorgang-nummer, .user {
align-self: start;
}
}
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
h1 { .name {
margin: 0;
line-height: 1.4;
font-size: 1.5rem;
font-weight: 400;
}
h2 {
line-height: 1.4; line-height: 1.4;
margin: 0; margin: 0;
font-size: 1rem; font-size: 16px;
font-weight: 400; font-weight: 500;
} }
.ellipsis { .ellipsis {
...@@ -132,5 +96,4 @@ mat-icon { ...@@ -132,5 +96,4 @@ mat-icon {
grid-area: user; grid-area: user;
align-self: start; align-self: start;
justify-self: end; justify-self: end;
margin-top: -1.5rem;
} }
...@@ -44,8 +44,7 @@ alfa-vorgang-nummer { ...@@ -44,8 +44,7 @@ alfa-vorgang-nummer {
&.big { &.big {
div { div {
line-height: 1.4; font-size: 16px;
font-size: 1.5rem;
font-weight: 400; font-weight: 400;
} }
mat-icon { mat-icon {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment