aboutsummaryrefslogtreecommitdiffhomepage
path: root/app
diff options
context:
space:
mode:
authorSimounet <contact@simounet.net>2017-12-07 23:46:29 +0100
committerSimounet <contact@simounet.net>2017-12-07 23:46:29 +0100
commit93e3329c58312916b8231cf2dea331a40bfc5d24 (patch)
tree7ae7d9182bb1a12476259351c7532bfefc6b5d57 /app
parente99be2c134d836a26faa1defb3b1b473834df58b (diff)
downloadwallabag-93e3329c58312916b8231cf2dea331a40bfc5d24.tar.gz
wallabag-93e3329c58312916b8231cf2dea331a40bfc5d24.tar.zst
wallabag-93e3329c58312916b8231cf2dea331a40bfc5d24.zip
Fix nav title nowrap on mobile
Diffstat (limited to 'app')
-rw-r--r--app/Resources/static/themes/material/css/nav.scss33
1 files changed, 23 insertions, 10 deletions
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 @@
2/* ========================================================================== 2/* ==========================================================================
3 Nav 3 Nav
4 ========================================================================== */ 4 ========================================================================== */
5 5nav,
6nav { 6.nav-wrapper {
7 height: auto; 7 height: auto;
8 line-height: initial;
9}
8 10
11nav {
9 input { 12 input {
10 color: #aaa; 13 color: #aaa;
11 } 14 }
@@ -17,15 +20,25 @@ nav {
17 20
18.nav-wrapper { 21.nav-wrapper {
19 display: flex; 22 display: flex;
23 padding: 0.6rem 0.4rem 0.6rem 0.75rem;
20 flex-wrap: wrap; 24 flex-wrap: wrap;
21 justify-content: space-between; 25 justify-content: space-between;
22 min-height: 64px; 26 align-items: center;
23 27
24 .button-collapse { 28 .button-collapse {
25 padding: 0 15px; 29 margin-left: 0;
30 margin-right: 0.5rem;
31 padding: 0 0.5rem;
32 height: auto;
33 line-height: 1;
26 } 34 }
27} 35}
28 36
37nav .nav-wrapper i {
38 height: 46px;
39 line-height: 46px;
40}
41
29.nav-input { 42.nav-input {
30 display: none; 43 display: none;
31} 44}
@@ -34,10 +47,6 @@ nav {
34 display: flex; 47 display: flex;
35 flex-grow: 1; 48 flex-grow: 1;
36 justify-content: flex-end; 49 justify-content: flex-end;
37
38 li {
39 max-height: 64px;
40 }
41} 50}
42 51
43.nav-panel-add .add, 52.nav-panel-add .add,
@@ -50,9 +59,8 @@ nav {
50 transition: background 0.2s ease; 59 transition: background 0.2s ease;
51 60
52 .action { 61 .action {
53 padding-left: 0.75rem; 62 margin: 0;
54 font-size: 2.1rem; 63 font-size: 2.1rem;
55 white-space: nowrap;
56 } 64 }
57 65
58 .input-field input { 66 .input-field input {
@@ -71,6 +79,11 @@ nav {
71 } 79 }
72} 80}
73 81
82.nav-panel-top {
83 display: flex;
84 align-items: center;
85}
86
74.input-field { 87.input-field {
75 &.nav-panel-add label, 88 &.nav-panel-add label,
76 &.nav-panel-search label { 89 &.nav-panel-search label {