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

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
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

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