show shortkey possibility for cycling through date ranges. #126

usefathom · Sep 18, 2018 · e7de28f · e7de28f
1 parent 369fca8
commit e7de28f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/assets/src/js/pages/dashboard.js b/assets/src/js/pages/dashboard.js
@@ -67,6 +67,10 @@ class Dashboard extends Component {
             </div>
           </div>
         </div>
+
+        <div class="footer hide-on-mobile">
+          <p>Use <strong>ALT + arrow-key</strong> to cycle through date ranges.</p>
+        </div>
       </section>
 
       <footer class="section"></footer>

diff --git a/assets/src/sass/styles.scss b/assets/src/sass/styles.scss
@@ -93,6 +93,17 @@ body {
     }
 }
 
+.footer {
+  text-align: right;
+  margin: 20px 0;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.hide-on-mobile {
+  display: none;
+}
+
   nav li.visitors { color: #533feb; }
   nav li.signout a { padding-right: 0; }
   nav li.logo { float: left; }
@@ -142,6 +153,7 @@ body {
 
   @media ( min-width: 1220px ) {
     nav.main-nav ul { margin-top: 24px; }
+    .hide-on-mobile{ display: initial; }
 
     .boxes { justify-content: space-between; flex-wrap: nowrap; }
     .box { margin: 0 4px; }