inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10145] Corrected font size and alignment for date field in metadata properties panel (#11228)

Browse Source
This commit is contained in:
AleksanderSklorz
2025-10-07 08:04:46 +02:00
committed by GitHub
parent 25ecfcf5e1
commit 8b553bb00f
4 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
+1 -1
View File
@@ -19,7 +19,7 @@
>{{ property.displayValue }}</span >{{ property.displayValue }}</span
> >
</span> </span>
<mat-form-field *ngIf="isEditable && !property.multivalued" class="adf-dateitem-editable hxp-input" [floatLabel]="property.default ? 'always' : null"> <mat-form-field *ngIf="isEditable && !property.multivalued" class="adf-property-field adf-dateitem-editable hxp-input" [floatLabel]="property.default ? 'always' : null">
<mat-label <mat-label
class="adf-property-label" class="adf-property-label"
[attr.data-automation-id]="'card-dateitem-label-' + property.key" [attr.data-automation-id]="'card-dateitem-label-' + property.key"
lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
+16 -3
View File
@@ -1,6 +1,8 @@
@use '../../../styles/mat-selectors' as ms; @use '../../../styles/mat-selectors' as ms;
.adf-card-view-dateitem { .adf-card-view-dateitem {
display: flow-root;
.adf-dateitem-editable { .adf-dateitem-editable {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
@@ -9,6 +11,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
top: 6px;
position: relative;
left: 12px;
height: 20px;
#{ms.$mat-icon} { #{ms.$mat-icon} {
opacity: 0.5; opacity: 0.5;
@@ -29,6 +35,11 @@
position: relative; position: relative;
} }
} }
#{ms.$mat-line-ripple},
#{ms.$mat-form-field-subscript-wrapper} {
display: none;
}
} }
.adf-property-value { .adf-property-value {
@@ -43,20 +54,18 @@
align-items: center; align-items: center;
border-radius: 6px; border-radius: 6px;
border-bottom: inherit; border-bottom: inherit;
margin-bottom: 18px; padding-left: 0;
&:not(.adf-property-readonly-value) { &:not(.adf-property-readonly-value) {
margin-top: 35px; margin-top: 35px;
} }
.adf-date-reset-icon { .adf-date-reset-icon {
top: 10px;
position: relative; position: relative;
padding: 0; padding: 0;
} }
.adf-dateitem-picker-toggle { .adf-dateitem-picker-toggle {
top: 10px;
position: relative; position: relative;
} }
} }
@@ -75,6 +84,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
float: right; float: right;
&#{ms.$mat-input-element}#{ms.$mat-form-field-input-control} {
margin-top: 35px;
}
} }
.adf-dateitem-chip-list-container.adf-property-field { .adf-dateitem-chip-list-container.adf-property-field {
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+8
View File
@@ -49,6 +49,14 @@
#{ms.$mat-form-field-label} { #{ms.$mat-form-field-label} {
margin-top: 6px; margin-top: 6px;
} }
#{ms.$mat-form-field-infix} {
padding-top: 0;
.adf-property-value {
margin-left: 0;
}
}
} }
.adf-textitem-clickable { .adf-textitem-clickable {
lib/core/src/lib/styles/_mat-selectors.scss
+1
View File
@@ -17,6 +17,7 @@ $mat-checkbox: '.mat-mdc-checkbox';
$mat-checkbox-label: '.mdc-label'; $mat-checkbox-label: '.mdc-label';
$mat-button: '.mat-mdc-button'; $mat-button: '.mat-mdc-button';
$mat-button-label: '.mdc-button__label'; $mat-button-label: '.mdc-button__label';
$mat-form-field-input-control: '.mat-mdc-form-field-input-control';
$mat-form-field: '.mat-mdc-form-field'; $mat-form-field: '.mat-mdc-form-field';
$mat-form-field-flex: '.mat-mdc-form-field-flex'; $mat-form-field-flex: '.mat-mdc-form-field-flex';
$mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';