Browse Source

Add nav jump button for mobile

pull/2/head
Noah Petherbridge 6 years ago
parent
commit
d4a9e51d7d
2 changed files with 20 additions and 0 deletions
  1. +5
    -0
      www/layout.html
  2. +15
    -0
      www/solar/ui.css

+ 5
- 0
www/layout.html View File

@@ -27,6 +27,10 @@

{% from "google-ads.inc.html" import leaderboard, nav_ads %}

<div class="mobile-nav">
<a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a>
</div>

<div class="k-supernova"></div>

<div class="container-fluid">
@@ -71,6 +75,7 @@

<div class="col-sm-2 col-sm-pull-10">
<div class="k-navpanel">
<a name="navbar"></a>
<div class="k-section">Kirsle</div>
<ul>
<li>&#0187; <a href="/">Homepage</a> (<a href="{{ url_for('blog.rss') }}">RSS</a>)</li>


+ 15
- 0
www/solar/ui.css View File

@@ -114,6 +114,21 @@ p {
margin: 10px 0px;
}

/* Our own custom nav button for Bootstrap */
.mobile-nav {
display: none; /* for small screens only */
position: absolute;
z-index: 100;
top: 10px;
right: 10px;
}

@media (max-width: 768px) {
.mobile-nav {
display: block;
}
}

/*******************************************************************************
* General CSS Classes *
******************************************************************************/


Loading…
Cancel
Save