aboutsummaryrefslogtreecommitdiffhomepage
path: root/app
diff options
context:
space:
mode:
authorNicolas LÅ“uillet <nicolas@loeuillet.org>2016-12-30 11:10:47 +0100
committerGitHub <noreply@github.com>2016-12-30 11:10:47 +0100
commit5f4667e3e873cd81ccbafd4c0b3550545d204a43 (patch)
tree03d9faba5659375565b6dd6e1cd9f409e485b7e6 /app
parentaf54b2c9594394046a4596f89071fd9d30800f24 (diff)
parent22d0c929e33e8902db92c18b6fa288b773f46e36 (diff)
downloadwallabag-5f4667e3e873cd81ccbafd4c0b3550545d204a43.tar.gz
wallabag-5f4667e3e873cd81ccbafd4c0b3550545d204a43.tar.zst
wallabag-5f4667e3e873cd81ccbafd4c0b3550545d204a43.zip
Merge pull request #2730 from Simounet/feature/all-actions-on-mobile
Access to search, filters, export on mobile
Diffstat (limited to 'app')
-rwxr-xr-xapp/Resources/static/themes/material/css/main.css36
1 files changed, 29 insertions, 7 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 {
283 color: #aaa; 283 color: #aaa;
284} 284}
285 285
286nav {
287 height: auto;
288}
289
290.nav-wrapper {
291 display: flex;
292 flex-wrap: wrap;
293 justify-content: space-between;
294}
295
286.nav-wrapper .button-collapse { 296.nav-wrapper .button-collapse {
287 padding: 0 15px; 297 padding: 0 15px;
288} 298}
@@ -291,8 +301,10 @@ nav input {
291 display: none; 301 display: none;
292} 302}
293 303
294.nav-panels { 304.nav-panel-buttom {
295 overflow: hidden; 305 display: flex;
306 flex-grow: 1;
307 justify-content: right;
296} 308}
297 309
298.nav-panel-buttom li { 310.nav-panel-buttom li {
@@ -357,7 +369,7 @@ nav input {
357.input-field.nav-panel-add form, 369.input-field.nav-panel-add form,
358.input-field.nav-panel-search, 370.input-field.nav-panel-search,
359.input-field.nav-panel-search form { 371.input-field.nav-panel-search form {
360 height: 100%; 372 flex-grow: 1;
361} 373}
362 374
363/* ========================================================================== 375/* ==========================================================================
@@ -807,6 +819,14 @@ article aside .tools li {
807 width: auto; 819 width: auto;
808 } 820 }
809 821
822 .nav-panels .action {
823 padding-right: 0.75rem;
824 }
825
826 .nav-panel-buttom {
827 justify-content: space-around;
828 }
829
810 #article { 830 #article {
811 max-width: 35em; 831 max-width: 35em;
812 margin-left: auto; 832 margin-left: auto;
@@ -843,11 +863,13 @@ article aside .tools li {
843 .pagination li.next { 863 .pagination li.next {
844 width: auto; 864 width: auto;
845 } 865 }
846}
847 866
848@media only screen and (min-width: 400px) { 867 .drag-target + .drag-target {
849 .nav-panel-buttom { 868 height: 50%;
850 float: right; 869 }
870
871 .drag-target + .drag-target + .drag-target {
872 top: 50%;
851 } 873 }
852} 874}
853 875