inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-27113] Align edit assignee button correctly in process admin user task property editor (#10371)

Browse Source 
* [AAE-27113] Align edit assignee button correctly in process admin user task property editor

* [AAE-27113] Adjusted text-overflow behavior to avoid overlap
This commit is contained in:
Fabian Kindgen
2024-11-21 14:06:10 +01:00
committed by GitHub
parent 5327181055
commit 7f07024fe3
3 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
View File

@@ -129,7 +129,8 @@
'adf-property-value-editable': editable, 'adf-property-value-editable': editable,
'adf-textitem-clickable-value': isClickable, 'adf-textitem-clickable-value': isClickable,
'adf-property-readonly-value': isReadonlyProperty, '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" [placeholder]="property.default"
[attr.aria-label]="property.label | translate" [attr.aria-label]="property.label | translate"

11
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
View File

@@ -36,7 +36,9 @@
} }
#{$mat-form-field-icon-suffix} { #{$mat-form-field-icon-suffix} {
align-self: baseline; position: absolute;
right: 1px;
bottom: 7px;
} }
.adf-textitem-chip-list-container { .adf-textitem-chip-list-container {
@@ -77,6 +79,13 @@
color: var(--adf-metadata-property-panel-title-color); 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} { #{$mat-line-ripple} {
&::before, &::before,
&::after { &::after {

2
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
View File

@@ -87,6 +87,7 @@
&.adf-property-value-editable { &.adf-property-value-editable {
color: var(--adf-metadata-property-panel-title-color); color: var(--adf-metadata-property-panel-title-color);
background-color: var(--adf-metadata-buttons-background-color); background-color: var(--adf-metadata-buttons-background-color);
box-sizing: border-box;
border-radius: 6px; border-radius: 6px;
height: 32px; height: 32px;
padding-left: 10px; padding-left: 10px;
@@ -112,6 +113,7 @@
&-input { &-input {
background-color: var(--adf-metadata-buttons-background-color); background-color: var(--adf-metadata-buttons-background-color);
box-sizing: border-box;
border-radius: 6px; border-radius: 6px;
padding: 6px 0; padding: 6px 0;
margin: 0; margin: 0;