From: Simounet Date: Thu, 7 Dec 2017 22:46:29 +0000 (+0100) Subject: Fix nav title nowrap on mobile X-Git-Tag: 2.3.0~6^2~2 X-Git-Url: https://git.immae.eu/?p=github%2Fwallabag%2Fwallabag.git;a=commitdiff_plain;h=93e3329c58312916b8231cf2dea331a40bfc5d24 Fix nav title nowrap on mobile --- diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss index 7898f662..f986b785 100644 --- a/app/Resources/static/themes/material/css/nav.scss +++ b/app/Resources/static/themes/material/css/nav.scss @@ -2,10 +2,13 @@ /* ========================================================================== Nav ========================================================================== */ - -nav { +nav, +.nav-wrapper { height: auto; + line-height: initial; +} +nav { input { color: #aaa; } @@ -17,15 +20,25 @@ nav { .nav-wrapper { display: flex; + padding: 0.6rem 0.4rem 0.6rem 0.75rem; flex-wrap: wrap; justify-content: space-between; - min-height: 64px; + align-items: center; .button-collapse { - padding: 0 15px; + margin-left: 0; + margin-right: 0.5rem; + padding: 0 0.5rem; + height: auto; + line-height: 1; } } +nav .nav-wrapper i { + height: 46px; + line-height: 46px; +} + .nav-input { display: none; } @@ -34,10 +47,6 @@ nav { display: flex; flex-grow: 1; justify-content: flex-end; - - li { - max-height: 64px; - } } .nav-panel-add .add, @@ -50,9 +59,8 @@ nav { transition: background 0.2s ease; .action { - padding-left: 0.75rem; + margin: 0; font-size: 2.1rem; - white-space: nowrap; } .input-field input { @@ -71,6 +79,11 @@ nav { } } +.nav-panel-top { + display: flex; + align-items: center; +} + .input-field { &.nav-panel-add label, &.nav-panel-search label { 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 cb6fd58a..f6b3c963 100644 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/layout.html.twig @@ -94,10 +94,12 @@