-
- {{ property.displayValue }}
+
-
-
+ {{ property.label | translate }}
+
-
+
{{ property.displayValue }}
-
+
{{ property.default | translate }}
-
cancel
-
+
+ {{ property.label | translate }}
+
-
+
diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
index 94b09fc6ce4..05f9cce4120 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
@@ -9,28 +9,33 @@
border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
margin-top: 10px;
- &.adf-property-value-editable {
- display: flex;
- align-items: center;
- border-radius: 6px;
- border-bottom: inherit;
- margin-bottom: 18px;
- }
+ &:not(.adf-property-readonly-value) {
+ #{$mat-text-field-disabled} {
+ #{$mat-notched-outline-leading}, #{$mat-notched-outline-trailing}, #{$mat-notched-outline-notch} {
+ border: none;
+ background-color: inherit;
+ }
- &.adf-property-readonly-value {
- padding: 0 0 0 12px;
+ #{$mat-select-arrow-wrapper} {
+ display: none;
+ }
+ }
}
}
- .adf-invisible-date-input {
- height: 2px;
- width: 0;
- overflow: hidden;
- opacity: 0;
- border: none;
- margin: 0;
- padding: 0;
- float: right;
+ #{$mat-form-field-wrapper} {
+ #{$mat-form-field-input-control} {
+ &.adf-invisible-date-input {
+ height: 0;
+ width: 0;
+ overflow: hidden;
+ opacity: 0;
+ border: none;
+ margin: 0;
+ padding: 0;
+ float: right;
+ }
+ }
}
.adf-dateitem-chip-list-container.adf-property-field {
@@ -40,8 +45,7 @@
}
.adf-dateitem-editable {
- cursor: pointer;
- padding: 0 12px;
+ width: 100%;
/* stylelint-disable-next-line no-descending-specificity */
&-controls {
@@ -57,8 +61,6 @@
}
#{$mat-icon} {
- width: 16px;
- height: 16px;
opacity: 0.5;
&:hover {
@@ -71,9 +73,6 @@
}
.adf-date-reset-icon {
- line-height: 10px;
- position: relative;
- top: 4px;
padding: 0 8px;
}
}
diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html
index 8aeacf38062..b57af7907ee 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html
@@ -1,37 +1,34 @@
- {{ property.label | translate }}
-
{{ (property.displayValue | async) | translate }}
-
-
-
-
-
- {{ 'CORE.CARDVIEW.NONE' | translate }}
-
- {{ option.label | translate }}
-
-
-
-
+
+
+ {{ property.label | translate }}
+
+
+
+ {{ 'CORE.CARDVIEW.NONE' | translate }}
+
+ {{ option.label | translate }}
+
+
+
diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
index 0c53a6f0471..b5f4c7b7393 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
@@ -24,17 +24,6 @@
#{$mat-form-field-wrapper} {
background-color: initial;
}
-
- /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
- mat-select {
- padding: 6px 0 8px 12px;
- margin-top: 0;
- border-radius: 6px;
-
- #{$mat-select-value} {
- color: var(--adf-metadata-action-button-clear-color);
- }
- }
}
#{$mat-form-field-subscript-wrapper} {
@@ -42,9 +31,19 @@
}
.adf-property-read-only {
- padding: 6px 0;
border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
color: var(--adf-metadata-property-panel-title-color);
+
+ #{$mat-text-field-disabled}:not(:has(.adf-property-readonly-value)) {
+ #{$mat-notched-outline-leading}, #{$mat-notched-outline-trailing}, #{$mat-notched-outline-notch} {
+ border: none;
+ background-color: inherit;
+ }
+
+ #{$mat-select-arrow-wrapper} {
+ display: none;
+ }
+ }
}
.mdc-line-ripple {
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 90d368cc1ce..ccd3ca6c958 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
@@ -5,7 +5,6 @@
[ngClass]="{
'adf-property-read-only': !isEditable
}"
- [floatLabel]="'always'"
>