diff options
| author | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2020-03-01 16:59:41 +0100 |
|---|---|---|
| committer | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2020-03-01 16:59:41 +0100 |
| commit | a084cc982f0ab09178e92d4e36c871b909345a65 (patch) | |
| tree | d320d618e04c25276426364f2cbd23f523b89113 | |
| parent | fixed commands menu (diff) | |
| download | newspipe-a084cc982f0ab09178e92d4e36c871b909345a65.tar.gz newspipe-a084cc982f0ab09178e92d4e36c871b909345a65.tar.bz2 newspipe-a084cc982f0ab09178e92d4e36c871b909345a65.zip | |
improved display on mobile devices
| -rw-r--r-- | newspipe/web/static/css/customized-bootstrap.css | 5 | ||||
| -rw-r--r-- | newspipe/web/templates/home.html | 7 |
2 files changed, 8 insertions, 4 deletions
diff --git a/newspipe/web/static/css/customized-bootstrap.css b/newspipe/web/static/css/customized-bootstrap.css index f6bbcfd7..d86422ab 100644 --- a/newspipe/web/static/css/customized-bootstrap.css +++ b/newspipe/web/static/css/customized-bootstrap.css @@ -31,7 +31,10 @@ img { } - +#sidebar { + overflow: auto; + max-height: 700px; +} #newspipenav { background-color: #205081; diff --git a/newspipe/web/templates/home.html b/newspipe/web/templates/home.html index 0d38c991..03bf24e4 100644 --- a/newspipe/web/templates/home.html +++ b/newspipe/web/templates/home.html @@ -1,6 +1,7 @@ {% extends "layout.html" %} {% block content %} <style> + li.feed-commands {display: none; text-align: right;} li.feed-commands > span > a {margin-right: 10px;} li.feed-menu:hover + li.feed-commands, li.feed-commands:hover {display: block;} @@ -13,8 +14,8 @@ </div> {% else %} <div class="row"> - <div id="affix-nav" class="col-md-3 sidebar hidden-xs hidden-sm"> - <ul class="nav flex-column pre-scrollable" data-offset-top="0" data-offset-bottom="0" style="min-height: 650px;"> + <div id="sidebar" class="col-3 d-none d-lg-block"> + <ul class="nav flex-column" data-offset-top="0" data-offset-bottom="0" style="min-height: 650px;"> <li class="nav-item"><a class="nav-link" href="{{ gen_url(feed=0) }}"> {% if not feed_id %}<b>{% endif %} {{ _('All feeds') }} <span id="total-unread" class="badge pull-right">{{ articles.__len__() }}</span> @@ -57,7 +58,7 @@ {% endfor %} </ul> </div> - <div class="col-md-9"> + <div class="col-md-12 col-lg-9"> <div id="filters" data-filter="{{ filter_ }}"> <ul class="nav nav-tabs mr-auto"> <li id="tab-all" class="nav-item"> |