Merge pull request #547 from Flyspray/popupdialogs-fullsizeclose

Popupdialogs fullsizeclose
flyspray · Mar 22, 2016 · 14f4b22 · 14f4b22
2 parents 6b96e4b + e053378
commit 14f4b22
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/themes/CleanFS/templates/shortcuts.tpl b/themes/CleanFS/templates/shortcuts.tpl
@@ -1,5 +1,6 @@
 <input type="checkbox" id="s_shortcuts" />
 <label for="s_shortcuts" id="shortcutlabel"><i class="fa fa-keyboard-o"></i> <?php echo Filters::noXSS(L('keyboardshortcuts')); ?></label>
+<label for="s_shortcuts" id="shortcutsmodal"></label>
 <div id="shortcuts">
 <label for="s_shortcuts" id="shortcutclose"><i class="fa fa-close fa-2x"></i></label>
 <h3><?php echo Filters::noXSS(L('availablekeybshortcuts')); ?></h3>

diff --git a/themes/CleanFS/theme.css b/themes/CleanFS/theme.css
@@ -612,7 +612,7 @@ form #taskdetailsfull {
 table.inline{border-collapse:collapse;}
 table.inline td {border:1px solid #ccc; padding:4px;}
 
-#shortcutlabel { cursor:pointer; }
+#shortcutlabel { cursor:pointer;padding-left:1em;}
 #shortcutclose { cursor:pointer;float:right; }
 #shortcuts {
   display:none;
@@ -625,14 +625,32 @@ table.inline td {border:1px solid #ccc; padding:4px;}
   box-shadow:0 0 400px #000;
   top:50%;
   margin-top:-250px;
-  height:500px;
+  height:520px;
   left:50%;
   width:300px;
   margin-left:-150px;
   box-sizing:border-box;
 }
+#shortcutsmodal {
+  background-color: rgba(0, 0, 0, 0.3);
+  display: none;
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 99;
+  cursor:pointer;
+}
 #s_shortcuts {display:none;}
-#s_shortcuts:checked ~ #shortcuts {display: block;}
+#s_shortcuts:checked ~ #shortcuts, #s_shortcuts:checked ~ #shortcutsmodal {display: block;}
+#shortcuts > ul {
+    list-style: outside none none;
+    margin-left: 0;
+    padding-left: 0;
+}
+#shortcuts li{line-height:2em;}
+kbd {background-color: #eee;border: 1px solid #ccc;border-radius: 4px;padding: 2px;}
 
 #taskdetails {
   margin: 10px 0px 10px 0px;