diff options
Diffstat (limited to 'app/Resources/static/themes/material/css/nav.scss')
-rw-r--r-- | app/Resources/static/themes/material/css/nav.scss | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/app/Resources/static/themes/material/css/nav.scss b/app/Resources/static/themes/material/css/nav.scss new file mode 100644 index 00000000..1a25a5be --- /dev/null +++ b/app/Resources/static/themes/material/css/nav.scss | |||
@@ -0,0 +1,106 @@ | |||
1 | |||
2 | /* ========================================================================== | ||
3 | Nav | ||
4 | ========================================================================== */ | ||
5 | |||
6 | nav { | ||
7 | height: auto; | ||
8 | |||
9 | input { | ||
10 | color: #aaa; | ||
11 | } | ||
12 | |||
13 | ul a:hover { | ||
14 | background-color: initial; | ||
15 | } | ||
16 | } | ||
17 | |||
18 | .nav-wrapper { | ||
19 | display: flex; | ||
20 | flex-wrap: wrap; | ||
21 | justify-content: space-between; | ||
22 | min-height: 64px; | ||
23 | |||
24 | .button-collapse { | ||
25 | padding: 0 15px; | ||
26 | } | ||
27 | } | ||
28 | |||
29 | .nav-input { | ||
30 | display: none; | ||
31 | } | ||
32 | |||
33 | .nav-panel-buttom { | ||
34 | display: flex; | ||
35 | flex-grow: 1; | ||
36 | justify-content: flex-end; | ||
37 | |||
38 | li { | ||
39 | max-height: 64px; | ||
40 | } | ||
41 | } | ||
42 | |||
43 | .nav-panel-add .add, | ||
44 | .nav-panel-search .search, | ||
45 | .nav-panels .close { | ||
46 | color: #444 !important; | ||
47 | } | ||
48 | |||
49 | .nav-panels { | ||
50 | transition: background 0.2s ease; | ||
51 | |||
52 | .action { | ||
53 | padding-left: 0.75rem; | ||
54 | font-size: 2.1rem; | ||
55 | white-space: nowrap; | ||
56 | } | ||
57 | |||
58 | .input-field input { | ||
59 | display: block; | ||
60 | line-height: inherit; | ||
61 | padding-left: 4rem !important; | ||
62 | width: calc(100% - 8rem); | ||
63 | height: 4.1rem; | ||
64 | } | ||
65 | |||
66 | .input-field input:focus { | ||
67 | background-color: #fff; | ||
68 | border: 0; | ||
69 | box-shadow: none; | ||
70 | color: #444; | ||
71 | } | ||
72 | } | ||
73 | |||
74 | .input-field { | ||
75 | &.nav-panel-add label, | ||
76 | &.nav-panel-search label { | ||
77 | left: 1rem; | ||
78 | } | ||
79 | |||
80 | &.nav-panel-add .close, | ||
81 | &.nav-panel-search .close { | ||
82 | position: absolute; | ||
83 | top: 0; | ||
84 | right: 1rem; | ||
85 | color: transparent; | ||
86 | cursor: pointer; | ||
87 | font-size: 2rem; | ||
88 | transition: 0.3s color; | ||
89 | } | ||
90 | |||
91 | &.nav-panel-add, | ||
92 | &.nav-panel-add form, | ||
93 | &.nav-panel-search, | ||
94 | &.nav-panel-search form { | ||
95 | display: flex; | ||
96 | flex: 1; | ||
97 | } | ||
98 | } | ||
99 | |||
100 | #button_filters { | ||
101 | display: none; | ||
102 | } | ||
103 | |||
104 | #button_export { | ||
105 | display: none; | ||
106 | } | ||