]>
Commit | Line | Data |
---|---|---|
64f81bc3 TC |
1 | |
2 | /* ========================================================================== | |
3 | Nav | |
4 | ========================================================================== */ | |
93e3329c S |
5 | nav, |
6 | .nav-wrapper { | |
64f81bc3 | 7 | height: auto; |
93e3329c S |
8 | line-height: initial; |
9 | } | |
64f81bc3 | 10 | |
93e3329c | 11 | nav { |
64f81bc3 TC |
12 | input { |
13 | color: #aaa; | |
14 | } | |
15 | ||
16 | ul a:hover { | |
17 | background-color: initial; | |
18 | } | |
19 | } | |
20 | ||
21 | .nav-wrapper { | |
22 | display: flex; | |
93e3329c | 23 | padding: 0.6rem 0.4rem 0.6rem 0.75rem; |
64f81bc3 TC |
24 | flex-wrap: wrap; |
25 | justify-content: space-between; | |
93e3329c | 26 | align-items: center; |
64f81bc3 TC |
27 | |
28 | .button-collapse { | |
93e3329c S |
29 | margin-left: 0; |
30 | margin-right: 0.5rem; | |
31 | padding: 0 0.5rem; | |
32 | height: auto; | |
33 | line-height: 1; | |
64f81bc3 TC |
34 | } |
35 | } | |
36 | ||
93e3329c S |
37 | nav .nav-wrapper i { |
38 | height: 46px; | |
39 | line-height: 46px; | |
40 | } | |
41 | ||
64f81bc3 TC |
42 | .nav-input { |
43 | display: none; | |
44 | } | |
45 | ||
46 | .nav-panel-buttom { | |
47 | display: flex; | |
48 | flex-grow: 1; | |
49 | justify-content: flex-end; | |
64f81bc3 TC |
50 | } |
51 | ||
52 | .nav-panel-add .add, | |
53 | .nav-panel-search .search, | |
54 | .nav-panels .close { | |
55 | color: #444 !important; | |
56 | } | |
57 | ||
58 | .nav-panels { | |
59 | transition: background 0.2s ease; | |
60 | ||
61 | .action { | |
93e3329c | 62 | margin: 0; |
64f81bc3 | 63 | font-size: 2.1rem; |
64f81bc3 TC |
64 | } |
65 | ||
66 | .input-field input { | |
67 | display: block; | |
68 | line-height: inherit; | |
69 | padding-left: 4rem !important; | |
70 | width: calc(100% - 8rem); | |
71 | height: 4.1rem; | |
72 | } | |
73 | ||
74 | .input-field input:focus { | |
75 | background-color: #fff; | |
76 | border: 0; | |
77 | box-shadow: none; | |
78 | color: #444; | |
79 | } | |
80 | } | |
81 | ||
93e3329c S |
82 | .nav-panel-top { |
83 | display: flex; | |
84 | align-items: center; | |
85 | } | |
86 | ||
64f81bc3 TC |
87 | .input-field { |
88 | &.nav-panel-add label, | |
89 | &.nav-panel-search label { | |
90 | left: 1rem; | |
91 | } | |
92 | ||
93 | &.nav-panel-add .close, | |
94 | &.nav-panel-search .close { | |
95 | position: absolute; | |
96 | top: 0; | |
97 | right: 1rem; | |
98 | color: transparent; | |
99 | cursor: pointer; | |
100 | font-size: 2rem; | |
101 | transition: 0.3s color; | |
102 | } | |
103 | ||
104 | &.nav-panel-add, | |
105 | &.nav-panel-add form, | |
106 | &.nav-panel-search, | |
107 | &.nav-panel-search form { | |
108 | display: flex; | |
109 | flex: 1; | |
110 | } | |
3d46eeeb KD |
111 | |
112 | &.nav-panel-add form.disabled, | |
113 | &.nav-panel-add form.disabled input { | |
114 | background-color: whitesmoke; | |
115 | } | |
64f81bc3 TC |
116 | } |
117 | ||
118 | #button_filters { | |
119 | display: none; | |
120 | } | |
121 | ||
122 | #button_export { | |
123 | display: none; | |
124 | } |