Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-9433: added auto line-break for checkbox label overflow.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-07-30 14:14:13 +03:00
parent 9bbaecb7e5
commit fb4b58a496
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/styles/common-checkbox.scss
View File

@ -5,6 +5,7 @@ $ripple-size: 26px;
flex: 0 0 $checkbox-size; flex: 0 0 $checkbox-size;
width: $checkbox-size; width: $checkbox-size;
height: $checkbox-size; height: $checkbox-size;
margin-top: 4px;
} }
.mat-mdc-checkbox, .mat-mdc-checkbox,
@ -24,10 +25,14 @@ $ripple-size: 26px;
--mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary); --mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary);
--mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary); --mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary);
.mdc-form-field > label { .mdc-form-field {
padding-left: 8px; align-items: start;
line-height: 24px;
white-space: nowrap; & > label {
padding-left: 8px;
line-height: 24px;
white-space: normal;
}
} }
.mdc-checkbox__ripple { .mdc-checkbox__ripple {