Fix keyboard shortcut dialog

rss-org · Apr 16, 2014 · 0faca3b · 0faca3b
1 parent 841c5de
commit 0faca3b
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 2 deletions.
diff --git a/css/main.css b/css/main.css
@@ -51,7 +51,7 @@
   *********************************
   *
   *  Description:   dimensions used in the clean-greader theme
-  *  
+  *
   *  Author:        Sven Flickinger (naeramarth7)
   *  File Created:  2013-08-29
 **/
@@ -1703,11 +1703,17 @@ hr {
   border-width: 1px 1px 2px;
   /* title */
   /* content */ }
+  .claro .dijitDialog#helpDlg {
+    top: 2% !important;
+    max-height: 96%;
+    overflow-y: scroll; }
   .claro .dijitDialog .dijitDialogTitleBar {
     border: 0px solid transparent;
     background: #f5f5f5;
     background-image: none; }
   .claro .dijitDialog .dijitDialogPaneContent {
+    width: auto !important;
+    box-sizing: border-box;
     border: 0px solid transparent; }
   .claro .dijitDialog .dlgSec {
     font-weight: bold;
@@ -1743,3 +1749,13 @@ hr {
 /* feeds with errors */
 .inactiveFeedHolder {
   padding: 8px; }
+
+/* keyboard shortcuts */
+.helpKbList {
+  list-style-type: none;
+  padding-left: 24px; }
+  .helpKbList h2, .helpKbList h3 {
+    margin-left: -24px; }
+  .helpKbList .hksequence {
+    display: inline-block;
+    width: 100px; }
diff --git a/css/modules/_dimensions.scss b/css/modules/_dimensions.scss
@@ -3,7 +3,7 @@
   *********************************
   *
   *  Description:   dimensions used in the clean-greader theme
-  *  
+  *
   *  Author:        Sven Flickinger (naeramarth7)
   *  File Created:  2013-08-29
 **/

diff --git a/css/partials/_dialog.scss b/css/partials/_dialog.scss
@@ -31,6 +31,12 @@ hr {
 .claro .dijitDialog {
   @include brdr-card;
 
+  &#helpDlg {
+    top: 2% !important;
+    max-height: 96%;
+    overflow-y: scroll;
+  }
+
   /* title */
   .dijitDialogTitleBar {
     @include brdr-none;
@@ -40,6 +46,8 @@ hr {
 
   /* content */
   .dijitDialogPaneContent {
+    width: auto !important;
+    box-sizing: border-box;
     @include brdr-none;
   }
 
@@ -93,3 +101,19 @@ hr {
 .inactiveFeedHolder {
   padding: $content-padding;
 }
+
+/* keyboard shortcuts */
+.helpKbList {
+  list-style-type: none;
+  padding-left: 24px;
+
+  h2, h3 {
+    margin-left: -24px;
+  }
+
+  .hksequence {
+    display: inline-block;
+    width: 100px;
+  }
+}
+