diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html index 8456bf90c..22c900383 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html @@ -32,7 +32,12 @@ + diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html index d5232c192..bfbe7f4ff 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html +++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html @@ -17,4 +17,4 @@ -{{ error }} +{{ error }} diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts index d3ffb6721..1befcbf62 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts @@ -290,6 +290,7 @@ export class DxcRadioGroupComponent implements OnInit { font-weight: var(--radioGroup-errorMessageFontWeight); line-height: var(--radioGroup-errorMessageLineHeight); font-family: var(--radioGroup-labelFontFamily); + height: var(--radioGroup-errorMessageLineHeight); } .valueInput { display: none; diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts index 325b5898f..e3cf0d164 100644 --- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts +++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts @@ -137,7 +137,7 @@ export class DxcRadioGroupItemComponent implements OnInit { return css` display: inline-flex; align-items: center; - ${inputs.disabled ? "pointer-events: none" : "cursor: pointer"}; + ${inputs.disabled ? "pointer-events: none" : inputs.readOnlyState ? "cursor: default" : "cursor: pointer"}; width: fit-content; .radioInputContainer { display: flex;