Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-08 00:47:04 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Broken styles in the latest snappymail release

Browse source
This commit is contained in:
Rene Hampölz 2023-02-19 13:48:17 +00:00
parent 96e090650d
commit f8a2b3489a
1 changed files with 11 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -258,10 +258,15 @@ html.rl-left-panel-disabled #rl-app #rl-left {
} }
#rl-app #V-SettingsMenu .b-footer, #rl-app #V-SettingsMenu .b-footer,
#rl-app .b-footer.btn-toolbar .btn-group { #rl-app .b-footer.btn-toolbar {
overflow: unset;
padding: 3px; padding: 3px;
} }
#rl-app .b-footer .btn[data-bind*="toggleLeftPanel"] {
width: unset !important;
}
/* /*
* buttons * buttons
*/ */
@ -560,6 +565,7 @@ select option {
#rl-app .e-component.e-checkbox.material-design:hover, #rl-app .e-component.e-checkbox.material-design:hover,
#rl-app .e-component.e-checkbox.material-design:focus-within { #rl-app .e-component.e-checkbox.material-design:focus-within {
background-color: var(--color-primary-light); background-color: var(--color-primary-light);
outline: none;
} }
#rl-app .e-component.e-checkbox.material-design:focus { #rl-app .e-component.e-checkbox.material-design:focus {
@ -567,30 +573,22 @@ select option {
} }
#rl-app .e-checkbox.material-design>div { #rl-app .e-checkbox.material-design>div {
box-sizing: border-box; position: unset;
margin-right: 4px; width: 18px;
margin-left: -2px; height: 18px;
}
#rl-app .e-checkbox.material-design>div>div {
width: 100%;
height: 100%;
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;
} }
#rl-app .e-checkbox.material-design>div>div.checked { #rl-app .e-checkbox.material-design input:checked+div {
top: 0;
left: 0;
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>");
-webkit-mask-image: var(--svg-checked); -webkit-mask-image: var(--svg-checked);
mask-image: var(--svg-checked); mask-image: var(--svg-checked);
background: var(--color-primary-element); background: var(--color-primary-element);
border-width: 0; border-width: 0;
margin: 0;
transform: unset; transform: unset;
} }