the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-01-06 14:58:19 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: Some checkboxes are not styled

Browse source
This commit is contained in:
Rene Hampölz 2023-02-19 17:28:48 +00:00
parent 19e24871e6
commit f19cfa850f
1 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
View file

@ -520,7 +520,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f
* inputs * inputs
*/ */
#rl-app input { #rl-app input:not([type="checkbox"]) {
padding: 0 12px; padding: 0 12px;
font-size: var(--default-font-size); font-size: var(--default-font-size);
color: var(--color-main-text); color: var(--color-main-text);
@ -622,9 +622,9 @@ select option {
*/ */
#rl-app .e-component.e-checkbox.material-design { #rl-app .e-component.e-checkbox.material-design {
width: -moz-fit-content; width: -moz-fit-content !important;
width: -webkit-fill-available; width: -webkit-fill-available !important;
width: fit-content; width: fit-content !important;
display: flex; display: flex;
position: relative; position: relative;
align-items: center; align-items: center;
@ -645,16 +645,28 @@ select option {
outline: none; outline: none;
} }
#rl-app .e-component.e-checkbox input[type="checkbox"] {
display: none;
}
input[type="checkbox"] {
background-color: transparent;
-webkit-appearance: none;
appearance: none;
}
input[type="checkbox"],
#rl-app .e-checkbox.material-design>div { #rl-app .e-checkbox.material-design>div {
position: unset; position: unset;
width: 18px; width: 18px !important;
height: 18px; height: 18px !important;
border: 2px solid var(--color-primary-element); border: 2px solid var(--color-primary-element);
border-radius: 2px; border-radius: 2px;
animation: none; animation: none;
box-sizing: border-box; box-sizing: border-box;
} }
input[type="checkbox"]:checked,
#rl-app .e-checkbox.material-design input:checked+div { #rl-app .e-checkbox.material-design input:checked+div {
animation: none; animation: none;
--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>"); --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>");