give an optical hint that clicking the header closes the drawer producution
authorRobert Kaiser <kairo@kairo.at>
Sun, 7 Jun 2015 13:24:39 +0000 (15:24 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sun, 7 Jun 2015 13:24:39 +0000 (15:24 +0200)
manifest.appcache
style/lantea.css

index bfdf744..c49b006 100644 (file)
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2015-06-07
+# 2015-06-07 .2
 index.html
 manifest.webapp
 js/map.js
index fd7ff62..c3c1b72 100644 (file)
@@ -156,6 +156,17 @@ h1 {
   height: 1.2em;
 }
 
+/* For optical conveniece, display an "x" for closing. */
+.menuDrawer > h2:after {
+  content: '\00D7'; /* multiplication sign */
+  display: inline-block;
+  vertical-align: text-top;
+  float: right;
+  margin-top: 0;
+  margin-right: .2em;
+  font-size: .75em;
+}
+
 /* Custom checkbox design */
 .menuDrawer input[type="checkbox"] {
   display: none;