From 7f07024fe38e6575519761b780ed26c3a99a2394 Mon Sep 17 00:00:00 2001 From: Fabian Kindgen <39992669+fkindgen@users.noreply.github.com> Date: Thu, 21 Nov 2024 14:06:10 +0100 Subject: [PATCH] [AAE-27113] Align edit assignee button correctly in process admin user task property editor (#10371) * [AAE-27113] Align edit assignee button correctly in process admin user task property editor * [AAE-27113] Adjusted text-overflow behavior to avoid overlap --- .../card-view-textitem.component.html | 3 ++- .../card-view-textitem.component.scss | 11 ++++++++++- .../components/card-view/card-view.component.scss | 2 ++ 3 files changed, 14 insertions(+), 2 deletions(-) diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html index a5eef86c62..d1851233a5 100644 --- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html +++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html @@ -129,7 +129,8 @@ 'adf-property-value-editable': editable, 'adf-textitem-clickable-value': isClickable, 'adf-property-readonly-value': isReadonlyProperty, - 'adf-property-value-has-error': isEditable && hasErrors + 'adf-property-value-has-error': isEditable && hasErrors, + 'adf-property-value-has-icon-suffix': showClickableIcon }" [placeholder]="property.default" [attr.aria-label]="property.label | translate" diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss index 44de6d4e36..718117b610 100644 --- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss @@ -36,7 +36,9 @@ } #{$mat-form-field-icon-suffix} { - align-self: baseline; + position: absolute; + right: 1px; + bottom: 7px; } .adf-textitem-chip-list-container { @@ -77,6 +79,13 @@ color: var(--adf-metadata-property-panel-title-color); } + .adf-property-value-has-icon-suffix { + padding-right: 34px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + #{$mat-line-ripple} { &::before, &::after { diff --git a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss index 44059499fa..cb5bac29f9 100644 --- a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss +++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss @@ -87,6 +87,7 @@ &.adf-property-value-editable { color: var(--adf-metadata-property-panel-title-color); background-color: var(--adf-metadata-buttons-background-color); + box-sizing: border-box; border-radius: 6px; height: 32px; padding-left: 10px; @@ -112,6 +113,7 @@ &-input { background-color: var(--adf-metadata-buttons-background-color); + box-sizing: border-box; border-radius: 6px; padding: 6px 0; margin: 0;