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

OZG-3122 OZG-3300 Reformat according to screenshots

parent 711b46d3
No related branches found
No related tags found
No related merge requests found
...@@ -23,21 +23,19 @@ ...@@ -23,21 +23,19 @@
unter der Lizenz sind dem Lizenztext zu entnehmen. unter der Lizenz sind dem Lizenztext zu entnehmen.
--> -->
<div class="line"> <div class="line name-date">
<div> <span class="name" data-test-id="preview-list-item-vorgang-name">{{vorgang.name}}</span>
</div> <div class="date">
<div>
<mat-icon svgIcon="incoming"></mat-icon> <mat-icon svgIcon="incoming"></mat-icon>
<span data-test-id="preview-list-item-created-at">{{ vorgang.createdAt | formatToPrettyDate }}</span> <span data-test-id="preview-list-item-created-at">{{ vorgang.createdAt | formatToPrettyDate }}</span>
</div> </div>
</div> </div>
<div class="line full-width"> <div class="line full-width">
<span class="name" data-test-id="preview-list-item-vorgang-name">{{vorgang.name}}</span>
</div>
<div class="line">
<div class="aktenzeichen" data-test-id="preview-list-item-vorgang-aktenzeichen"> <div class="aktenzeichen" data-test-id="preview-list-item-vorgang-aktenzeichen">
<mat-icon svgIcon="az"></mat-icon> <mat-icon svgIcon="az"></mat-icon>
<span goofy-client-aktenzeichen [vorgang]="vorgang"></span> <span goofy-client-aktenzeichen [vorgang]="vorgang"></span>
</div> </div>
</div>
<div class="line full-width">
<goofy-client-vorgang-nummer [vorgang]="vorgang"></goofy-client-vorgang-nummer> <goofy-client-vorgang-nummer [vorgang]="vorgang"></goofy-client-vorgang-nummer>
</div> </div>
\ No newline at end of file
...@@ -27,9 +27,31 @@ a { ...@@ -27,9 +27,31 @@ a {
} }
.line { .line {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: 0.5rem;
align-items: center;
padding: 0.188rem 0;
white-space: normal;
&.full-width > * { &.full-width > * {
width: 100%; width: 100%;
} }
&.name-date {
grid-template-columns: 1fr auto;
&.date {
white-space: nowrap;
overflow: hidden;
}
}
goofy-client-vorgang-nummer span {
white-space: normal;
overflow: auto;
text-overflow: unset;
word-break: break-all;
}
} }
.aktenzeichen { .aktenzeichen {
...@@ -39,3 +61,8 @@ a { ...@@ -39,3 +61,8 @@ a {
word-break: break-all; word-break: break-all;
} }
} }
.name {
font-weight: bold;
white-space: normal;
}
\ No newline at end of file
...@@ -61,9 +61,7 @@ input { ...@@ -61,9 +61,7 @@ input {
top: -6px; top: -6px;
background: inherit; background: inherit;
z-index: 2; z-index: 2;
// background-color: white;
} }
} }
goofy-client-vorgang-search { goofy-client-vorgang-search {
...@@ -109,27 +107,10 @@ input { ...@@ -109,27 +107,10 @@ input {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
.line { .line {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: 0.5rem;
padding: 0.188rem 0;
white-space: normal;
.name {
white-space: normal;
}
mat-icon { mat-icon {
margin-right: 0.25rem; margin-right: 0.25rem;
min-width: 1.5rem; min-width: 1.5rem;
} }
goofy-client-vorgang-nummer span {
white-space: normal;
overflow: auto;
text-overflow: unset;
word-break: break-all;
}
} }
} }
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment