show shortkey possibility for cycling through date ranges. #126

This commit is contained in:
Danny van Kooten 2018-09-18 13:42:02 +02:00
parent 369fca8710
commit e7de28ffa7
2 changed files with 16 additions and 0 deletions

View File

@ -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>

View File

@ -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; }