projects
/
lantea.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
slight improvements for sizes on touch screens (support a standard way)
[lantea.git]
/
style
/
lantea.css
diff --git
a/style/lantea.css
b/style/lantea.css
index dbc28b0810f55ffd3cb5b27ee96f5c31331339dd..10d00d17777f1d81919db32e3bcb55a562060fe9 100644
(file)
--- a/
style/lantea.css
+++ b/
style/lantea.css
@@
-143,10
+143,19
@@
h1 {
display: block;
}
display: block;
}
+/* non-standard touch screen detection for Mozilla browsers */
.overlayArea:-moz-system-metric(touch-enabled),
.menuDrawer:-moz-system-metric(touch-enabled) {
.overlayArea:-moz-system-metric(touch-enabled),
.menuDrawer:-moz-system-metric(touch-enabled) {
+ font-size: 3mm;
font-size: 3mozmm;
}
font-size: 3mozmm;
}
+/* Standard, Media Queries Level 4 touch screen detection */
+@media (pointer:coarse) {
+ .overlayArea,
+ .menuDrawer {
+ font-size: 16px;
+ }
+}
.overlayArea input[type="button"],
.overlayArea button,
.overlayArea input[type="button"],
.overlayArea button,
@@
-183,7
+192,7
@@
h1 {
@media screen and (max-width: 330px) {
.menuDrawer {
@media screen and (max-width: 330px) {
.menuDrawer {
-
left: calc(-300px - 1ch
); /* account for padding */
+
transform: translateX(calc(-300px - 1ch)
); /* account for padding */
width: 300px;
}
}
width: 300px;
}
}