the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2024-12-25 08:32:57 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve desktop mode in mobile mode

Browse source
This commit is contained in:
djmaze 2021-02-15 23:45:52 +01:00
parent 0d6335ed2c
commit 33214c1a33
3 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
dev/Styles/@Boot.css
View file

@ -1,13 +1,12 @@
html, body { html, body {
background-color: #eee;
font-family: "DejaVu Sans", Verdana, Geneva, "Bitstream Vera Sans", "DejaVu LGC Sans", sans-serif; font-family: "DejaVu Sans", Verdana, Geneva, "Bitstream Vera Sans", "DejaVu LGC Sans", sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body { body {
background-color: #aaa; background: var(--main-bg-color, #aaa);
color: #333; color: var(--main-color, #333);
} }
#rl-loading, #rl-loading-error { #rl-loading, #rl-loading-error {

1
dev/Styles/Layout.less
View file

@ -1,6 +1,5 @@
.UserBackground body { .UserBackground body {
background-size: cover;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;

15
dev/Styles/Main.less
View file

@ -4,31 +4,26 @@
*/ */
html, body { html, body {
font-family: Arial, Verdana, Geneva, sans-serif;
height: 100%; height: 100%;
margin: 0;
overflow: hidden; overflow: hidden;
padding: 0;
line-height: 1.15; /* 1 */ line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */
} }
body { body {
background: var(--main-bg-color, #e3e3e3);
color: var(--main-color, #333);
-webkit-touch-callout: none; -webkit-touch-callout: none;
position: absolute; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
/* html:not(.rl-mobile) {
.rl-mobile min-width: 700px;
*/ }
@media screen and (min-width: 1000px) { @media screen and (min-width: 1000px) {
body { body {
background-image: var(--main-bg-image); background-image: var(--main-bg-image);