From 22d0c929e33e8902db92c18b6fa288b773f46e36 Mon Sep 17 00:00:00 2001 From: Simounet Date: Thu, 29 Dec 2016 19:19:51 +0100 Subject: Access to search, filters, export on mobile --- app/Resources/static/themes/material/css/main.css | 36 +++++++++++++---- .../views/themes/material/layout.html.twig | 46 +++++++++++----------- .../wallabagcore/themes/material/css/style.min.css | 6 +-- 3 files changed, 54 insertions(+), 34 deletions(-) diff --git a/app/Resources/static/themes/material/css/main.css b/app/Resources/static/themes/material/css/main.css index 8f7b7a3d..c6b7326d 100755 --- a/app/Resources/static/themes/material/css/main.css +++ b/app/Resources/static/themes/material/css/main.css @@ -283,6 +283,16 @@ nav input { color: #aaa; } +nav { + height: auto; +} + +.nav-wrapper { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + .nav-wrapper .button-collapse { padding: 0 15px; } @@ -291,8 +301,10 @@ nav input { display: none; } -.nav-panels { - overflow: hidden; +.nav-panel-buttom { + display: flex; + flex-grow: 1; + justify-content: right; } .nav-panel-buttom li { @@ -357,7 +369,7 @@ nav input { .input-field.nav-panel-add form, .input-field.nav-panel-search, .input-field.nav-panel-search form { - height: 100%; + flex-grow: 1; } /* ========================================================================== @@ -807,6 +819,14 @@ article aside .tools li { width: auto; } + .nav-panels .action { + padding-right: 0.75rem; + } + + .nav-panel-buttom { + justify-content: space-around; + } + #article { max-width: 35em; margin-left: auto; @@ -843,11 +863,13 @@ article aside .tools li { .pagination li.next { width: auto; } -} -@media only screen and (min-width: 400px) { - .nav-panel-buttom { - float: right; + .drag-target + .drag-target { + height: 50%; + } + + .drag-target + .drag-target + .drag-target { + top: 50%; } } diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig index 131fbf26..e0d36738 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig @@ -80,30 +80,28 @@ {% block title %} {% endblock %} -
- -
+