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

Fixed checkbox & toggle

Browse Source
This commit is contained in:
Adina Țeudan 2023-10-02 15:20:36 +03:00
parent 14f4f00898
commit a9d6e5e728
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,10 +24,6 @@ $ripple-size: 26px;
--mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary);
--mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary);
input[type='checkbox'] {
margin-top: calc($checkbox-size * -1.5);
}
.mdc-form-field > label {
padding-left: 8px;
line-height: 24px;
@ -54,7 +50,7 @@ $ripple-size: 26px;
.mat-mdc-checkbox-touch-target {
height: $ripple-size;
width: $ripple-size;
transform: translate(calc(($checkbox-size - $ripple-size) / 2), calc(($checkbox-size - $ripple-size) / 2));
transform: translate(-50%, -50%);
}
}

1
src/assets/styles/common-toggle.scss
View File

@ -1,6 +1,7 @@
.mat-mdc-slide-toggle {
.mdc-switch {
--mdc-switch-handle-elevation: none;
--mdc-switch-handle-elevation-shadow: none;
--mdc-switch-selected-track-color: var(--iqser-primary);
--mdc-switch-selected-hover-track-color: var(--iqser-primary);