diff --git a/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.html b/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.html index f33676f46e8f8527ddf2b555492c3ea2938d1e10..f19898c4402b77b23fd33e545fd43983fbcd45e6 100644 --- a/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.html +++ b/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.html @@ -23,26 +23,26 @@ unter der Lizenz sind dem Lizenztext zu entnehmen. --> -<button *ngIf="!editMode" - [attr.data-test-id]="'kommentar-item-' + (kommentar.text | convertForDataTest)" - (click)="editMode = true" - class="plain-text"> - <div class="kommentar-head"> - <goofy-client-user-profile-in-kommentar-container - *ngIf="kommentar | hasLink: kommentarLinkRel.CREATED_BY" [kommentar]="kommentar" - data-test-class="kommentar-created-by"></goofy-client-user-profile-in-kommentar-container> - <span data-test-id="kommentar-created-at" - class="date">{{ kommentar.createdAt | formatDateWithTimePipe: false }}</span> - </div> - <p>{{ kommentar.text }}</p> +<div *ngIf="!editMode" class="plain-text"> + <button [attr.data-test-id]="'kommentar-item-' + (kommentar.text | convertForDataTest)" + (click)="editMode = true"> + <div class="kommentar-head"> + <goofy-client-user-profile-in-kommentar-container + *ngIf="kommentar | hasLink: kommentarLinkRel.CREATED_BY" [kommentar]="kommentar" + data-test-class="kommentar-created-by"></goofy-client-user-profile-in-kommentar-container> + <span data-test-id="kommentar-created-at" + class="date">{{ kommentar.createdAt | formatDateWithTimePipe: false }}</span> + </div> + <p class="text">{{ kommentar.text }}</p> + </button> + <goofy-client-horizontal-binary-file-list *ngIf="kommentar | hasLink: kommentarLinkRel.ATTACHMENTS" [deletable]="false" [fileListResource]="attachments$ | async"> </goofy-client-horizontal-binary-file-list> - -</button> +</div> <goofy-client-kommentar-form *ngIf="editMode" data-test-id="kommentar-list-item-form" @@ -50,4 +50,4 @@ [kommentarListStateResource]="kommentarListStateResource" (cancel)="editMode = false" class="edit-text"> -</goofy-client-kommentar-form> +</goofy-client-kommentar-form> \ No newline at end of file diff --git a/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.scss b/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.scss index 4729e8bf0862bd78eb38524ae4bca6ce950d3b85..d3307711b0cc08420c44fe92687148ad9be5e6bc 100644 --- a/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.scss +++ b/goofy-client/libs/kommentar/src/lib/kommentar-list-in-vorgang-container/kommentar-list-in-vorgang/kommentar-list-item-in-vorgang/kommentar-list-item-in-vorgang.component.scss @@ -39,6 +39,7 @@ button { white-space: nowrap; align-items: center; opacity: 0.8; + cursor: pointer; ::ng-deep { goofy-client-user-icon { @@ -52,6 +53,13 @@ button { } } +.text { + &:hover, + &:focus-within { + cursor: pointer; + } +} + .plain-text { margin: -4px -8px 8px -8px; padding: 4px 8px;