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