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

Improve SquireUI on mobile by placing toolbar fixed at bottom of screen (and top of touch keyboard)

Browse source
This commit is contained in:
djmaze 2020-09-15 23:36:42 +02:00
parent 385cd9588c
commit d33f9710c2
4 changed files with 24 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

23
dev/Styles/SquireUI.less
View file

@ -1,5 +1,6 @@
.squire-toolbar {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
@ -18,7 +19,7 @@
cursor: pointer;
font-size: 14px;
height: 1.5em;
line-height: 1.7em;
line-height: 1.7;
margin: 0;
padding: 0;
vertical-align: bottom;
@ -30,10 +31,10 @@
}
.squire-toolgroup select {
width: 7em;
width: 7em !important;
}
.squire-toolgroup select[data-action="fontSize"] {
width: 4em;
width: 4em !important;
}
.squire-toolgroup select[data-action="bold"] {
font-weight: bold;
@ -76,3 +77,19 @@
.squire-mode-plain .squire-toolgroup:not(#squire-toolgroup-mode) {
display: none;
}
/* @media (hover: none) */
.rl-mobile .squire-toolbar {
padding: 1px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.rl-mobile .squire-toolgroup > button,
.rl-mobile .squire-toolgroup > select,
.rl-mobile .squire-toolgroup > input[type="color"] {
height: 2.5em;
line-height: 2.8;
width: 3em;
}