inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-01 14:41:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10145] Fix truncated text in details info drawer (#11209)

Browse Source
This commit is contained in:
AleksanderSklorz
2025-09-19 15:08:02 +02:00
committed by GitHub
parent 731443ca1c
commit 84fcc48c1a
3 changed files with 48 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
View File

@@ -69,6 +69,7 @@
[attr.title]="'CORE.METADATA.ACTIONS.EDIT' | translate"
[attr.data-automation-id]="'datepickertoggle-' + property.key"
[for]="datetimePicker"
class="adf-dateitem-picker-toggle"
/>
<mat-datetimepicker

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

@@ -1,6 +1,36 @@
@use '../../../styles/mat-selectors' as ms;
.adf-card-view-dateitem {
.adf-dateitem-editable {
cursor: pointer;
width: 100%;
&-controls {
display: flex;
align-items: center;
justify-content: space-between;
#{ms.$mat-icon} {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
mat-datetimepicker-toggle {
transform: scale(0.8);
}
.adf-datepicker-span-button {
flex: 1 0 auto;
font-size: 14px;
top: 10px;
position: relative;
}
}
}
.adf-property-value {
padding-top: 6px;
padding-bottom: 6px;
@@ -14,6 +44,21 @@
border-radius: 6px;
border-bottom: inherit;
margin-bottom: 18px;
&:not(.adf-property-readonly-value) {
margin-top: 35px;
}
.adf-date-reset-icon {
top: 10px;
position: relative;
padding: 0;
}
.adf-dateitem-picker-toggle {
top: 10px;
position: relative;
}
}
&.adf-property-readonly-value {
@@ -37,37 +82,4 @@
border-bottom: 0;
cursor: pointer;
}
.adf-dateitem-editable {
cursor: pointer;
width: 100%;
/* stylelint-disable-next-line no-descending-specificity */
&-controls {
display: flex;
align-items: center;
justify-content: space-between;
#{ms.$mat-icon} {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
mat-datetimepicker-toggle {
transform: scale(0.8);
}
.adf-datepicker-span-button {
flex: 1 0 auto;
font-size: 14px;
}
.adf-date-reset-icon {
position: relative;
}
}
}
}

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

@@ -9,6 +9,7 @@
color: var(--adf-metadata-property-panel-text-color);
display: flex;
line-height: 20px;
margin-bottom: 4px;
&.adf-property-readonly-value {
color: var(--adf-metadata-property-panel-label-color);