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-10219] Add css to align according to alignment property in RadioField (#7750)

Browse Source 
* [AAE-10219] Add css to align according to alignment property in RadioField

* [AAE-10219] Add css to align according to alignment property in RadioField

* trigger travis

* Fix nx build core

* reduce dependsOn config

* update demoshell cspell path

* [AAE-10460] fix storybook config (#7785)

* [AAE-10460] fix storybook config

* trigger travis

* trigger travis

Co-authored-by: Rafal Szmit <rafal.szmit@hyland.com>
Co-authored-by: Tomasz <tomasz.gnyp@hyland.com>
Co-authored-by: Tomasz Gnyp <49343696+tomgny@users.noreply.github.com>
This commit is contained in:
Sushmitha V
2022-08-26 04:09:01 +05:30
committed by GitHub
parent 76c98c53ed
commit 2ef40b150f
5 changed files with 30 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.html
View File

@@ -1,8 +1,8 @@
<div class="adf-radio-buttons-widget-cloud {{field.className}}"
[class.adf-readonly]="field.readOnly" [id]="field.id">
<div class="adf-radio-button-container">
<div [ngClass]="(field.alignmentType === 'vertical') ? 'adf-radio-button-container': 'adf-radio-button-container-horizontal'">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
<mat-radio-group class="adf-radio-group" [(ngModel)]="field.value" [disabled]="field.readOnly">
<mat-radio-group [ngClass]="(field.alignmentType === 'vertical') ? 'adf-radio-group': 'adf-radio-group-horizontal'" class="adf-radio-group" [(ngModel)]="field.value" [disabled]="field.readOnly">
<mat-radio-button
[matTooltip]="field.tooltip"
matTooltipPosition="above"

13
lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
View File

@@ -5,6 +5,12 @@
flex-direction: column;
}
&-radio-button-container-horizontal {
margin-bottom: 15px;
display: flex;
flex-direction: row;
}
&-radio-group {
margin-top: 15px;
margin-left: 5px;
@@ -12,6 +18,13 @@
flex-direction: column;
}
&-radio-group-horizontal {
margin-top: 0;
margin-left: 25%;
display: inline-flex;
display: table-column-group;
}
&-radio-button {
margin: 5px;
}