Skip to content
Snippets Groups Projects
Commit 295d3569 authored by rhenck's avatar rhenck
Browse files

Change radio button color to dark green

For all elements using radio buttons.
parent 237e1f53
No related branches found
No related tags found
No related merge requests found
......@@ -26,7 +26,12 @@ import { LikertElementRow } from './likert-element-row';
[style.grid-row-end]="2">
</mat-radio-button>
</mat-radio-group>
`
`,
styles: [
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-outer-circle {border-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-inner-circle {background-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-ripple-element {background-color: #006064 !important}'
]
})
export class LikertRadioButtonGroupComponent extends FormElementComponent {
@Input() elementModel!: LikertElementRow;
......
......@@ -71,7 +71,10 @@ import { FormElementComponent } from '../../directives/form-element-component.di
'::ng-deep app-radio-group-images mat-radio-button span.mat-radio-container {left: calc(50% - 10px)}',
'mat-radio-group {margin-top: 10px}',
'.error-message { font-size: 75% }',
'.grid-layout mat-radio-button {margin-top: 15px}'
'.grid-layout mat-radio-button {margin-top: 15px}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-outer-circle {border-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-inner-circle {background-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-ripple-element {background-color: #006064 !important}'
]
})
export class RadioGroupImagesComponent extends FormElementComponent {
......
......@@ -46,7 +46,10 @@ import { RadioButtonGroupElement } from './radio-button-group-element';
'.error-message { font-size: 75% }',
'::ng-deep app-radio-button-group .strike .mat-radio-label {text-decoration: line-through}',
'::ng-deep app-radio-button-group .mat-radio-label {align-items: baseline}',
'::ng-deep app-radio-button-group mat-radio-button .mat-radio-label .mat-radio-container {top: 4px;}'
'::ng-deep app-radio-button-group mat-radio-button .mat-radio-label .mat-radio-container {top: 4px;}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-outer-circle {border-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-radio-inner-circle {background-color: #006064 !important}',
':host ::ng-deep mat-radio-button .mat-radio-label .mat-ripple-element {background-color: #006064 !important}'
]
})
export class RadioButtonGroupComponent extends FormElementComponent {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment