mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-01-02 21:12:02 +08:00
chore: Rework checkboxes for better browser compatibility
This commit is contained in:
parent
6281b5eee2
commit
d37022b116
1 changed files with 10 additions and 14 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
Loading…
Reference in a new issue