diff --git a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html index 2231664f263d2e1aae9866445ed45b043f797e5a..d5d5f878e3892c97ddbbcc50b4d97bec3175cccc 100644 --- a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html +++ b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.html @@ -23,21 +23,19 @@ unter der Lizenz sind dem Lizenztext zu entnehmen. --> -<div class="line"> - <div> - </div> - <div> +<div class="line name-date"> + <span class="name" data-test-id="preview-list-item-vorgang-name">{{vorgang.name}}</span> + <div class="date"> <mat-icon svgIcon="incoming"></mat-icon> <span data-test-id="preview-list-item-created-at">{{ vorgang.createdAt | formatToPrettyDate }}</span> </div> </div> <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"> <mat-icon svgIcon="az"></mat-icon> <span goofy-client-aktenzeichen [vorgang]="vorgang"></span> </div> +</div> +<div class="line full-width"> <goofy-client-vorgang-nummer [vorgang]="vorgang"></goofy-client-vorgang-nummer> </div> \ No newline at end of file diff --git a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.scss b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.scss index 2b23eca089438c292a5db6755621a24b55be9319..a94c091a17f43ec8129d958e2a075e860ef562cb 100644 --- a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.scss +++ b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search-autocomplete-options-content/vorgang-search-autocomplete-options-content.component.scss @@ -27,9 +27,31 @@ a { } .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 > * { 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 { @@ -38,4 +60,9 @@ a { span { word-break: break-all; } +} + +.name { + font-weight: bold; + white-space: normal; } \ No newline at end of file diff --git a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search.component.scss b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search.component.scss index d9fe0bcf70ce3dc66f530811eedf0f4f17a1751e..9799f3525b8557d1387929d042b430628439d7fd 100644 --- a/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search.component.scss +++ b/goofy-client/libs/vorgang-shared-ui/src/lib/vorgang-search-container/vorgang-search/vorgang-search.component.scss @@ -61,9 +61,7 @@ input { top: -6px; background: inherit; z-index: 2; - // background-color: white; } - } goofy-client-vorgang-search { @@ -109,27 +107,10 @@ input { padding: 0.5rem 1rem; .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 { margin-right: 0.25rem; min-width: 1.5rem; } - goofy-client-vorgang-nummer span { - white-space: normal; - overflow: auto; - text-overflow: unset; - word-break: break-all; - } } } }