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 ++++++++++++++++++----- 1 file changed, 29 insertions(+), 7 deletions(-) (limited to 'app/Resources') 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%; } } -- cgit v1.2.3