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

OZG-4527 OZG-4821 fix AZ-icon color, word-wrap and ellipsis Aktenzeichen, opt dialog width

parent 3d1e7a80
No related branches found
No related tags found
No related merge requests found
......@@ -59,7 +59,7 @@ export class DialogService {
};
readonly WIDE_DIALOG_CONFIG: MatDialogConfig = {
width: '40%',
width: '610px',
restoreFocus: false,
};
......
......@@ -16,17 +16,19 @@
display: grid;
grid-template-columns: min-content auto min-content;
grid-column-gap: 0.5rem;
grid-row-gap: 0.25rem;
align-items: center;
grid-template-areas:
"az_icon az_text paste_icon"
". hinweis .";
'az_icon az_text paste_icon'
'. hinweis .';
}
.az_icon {
grid-area: az_icon;
color: #c2c2c2;
&--active {
fill: black;
color: black;
}
}
......@@ -40,6 +42,8 @@
.hinweis {
grid-area: hinweis;
padding-left: 16px;
font-size: 14px;
}
ozgcloud-stroked-button-with-spinner {
......
......@@ -24,7 +24,7 @@
-->
<div class="horizontal">
<h1 alfa-aktenzeichen class="ellipsis" [vorgang]="vorgang" data-test-id="aktenzeichen"></h1>
<h1 alfa-aktenzeichen [vorgang]="vorgang" data-test-id="aktenzeichen"></h1>
<ng-container *ngIf="vorgang | hasLink: linkRel.SET_AKTENZEICHEN">
<ozgcloud-icon-button-primary svgIcon="edit" tooltip="Aktenzeichen bearbeiten" (clickEmitter)="onEdit()"></ozgcloud-icon-button-primary>
</ng-container>
......
......@@ -32,4 +32,7 @@ h1 {
line-height: 1.4;
font-size: 1.5rem;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
\ No newline at end of file
......@@ -32,7 +32,7 @@
<div class="aktenzeichen">
<mat-icon svgIcon="az"></mat-icon>
<alfa-aktenzeichen-editable [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable>
<alfa-aktenzeichen-editable class="aktenzeichen-editable" [vorgang]="vorgangWithEingang"></alfa-aktenzeichen-editable>
</div>
<alfa-vorgang-nummer class="vorgang-nummer big" [vorgang]="vorgangWithEingang"></alfa-vorgang-nummer>
......
......@@ -62,7 +62,7 @@
". aktenzeichen aktenzeichen vorgang-nummer user";
.aktenzeichen, .vorgang-nummer, .user {
align-self: start;
align-self: center;
}
}
......@@ -116,6 +116,10 @@ mat-icon {
margin-left: -2px;
display: flex;
align-items: center;
.aktenzeichen-editable {
width: calc(100% - 48px);
}
}
.vorgang-nummer {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment