chore: Rework checkboxes for better browser compatibility

This commit is contained in:
Rene Hampölz 2022-11-19 14:08:29 +00:00
parent 6281b5eee2
commit d37022b116

View file

@ -438,30 +438,26 @@ select option {
.e-checkbox.material-design>div {
box-sizing: border-box !important;
border: 2px solid var(--color-primary-element);
border-radius: 2px;
box-sizing: border-box;
margin-right: 4px;
margin-left: -2px;
}
.e-checkbox.material-design>div:has(div.checked) {
background: var(--color-primary-element);
}
.e-checkbox.material-design>div>div {
width: 100%;
height: 100%;
border: 2px solid var(--color-primary-element);
border-radius: 2px;
animation: none;
}
.e-checkbox.material-design>div>div.checked {
animation: none;
top: -2px;
left: 4px;
width: 7px;
height: 13px;
border: 2px solid var(--color-main-background);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
--svg-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18'><path d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'></path></svg>");
-webkit-mask-image: var(--svg-checked);
mask-image: var(--svg-checked);
background: var(--color-primary-element);
border-width: 0;
margin: 0;
}
/*