diff options
Diffstat (limited to 'app')
-rw-r--r-- | app/Resources/static/themes/material/css/nav.scss | 33 |
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 | 5 | nav, | |
6 | nav { | 6 | .nav-wrapper { |
7 | height: auto; | 7 | height: auto; |
8 | line-height: initial; | ||
9 | } | ||
8 | 10 | ||
11 | nav { | ||
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 | ||
37 | nav .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 { |