]>
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; | |
da2a5fe2 S |
34 | background-color: transparent; |
35 | border: none; | |
64f81bc3 TC |
36 | } |
37 | } | |
38 | ||
93e3329c S |
39 | nav .nav-wrapper i { |
40 | height: 46px; | |
41 | line-height: 46px; | |
42 | } | |
43 | ||
64f81bc3 TC |
44 | .nav-input { |
45 | display: none; | |
46 | } | |
47 | ||
48 | .nav-panel-buttom { | |
49 | display: flex; | |
50 | flex-grow: 1; | |
51 | justify-content: flex-end; | |
64f81bc3 TC |
52 | } |
53 | ||
54 | .nav-panel-add .add, | |
55 | .nav-panel-search .search, | |
56 | .nav-panels .close { | |
57 | color: #444 !important; | |
58 | } | |
59 | ||
60 | .nav-panels { | |
61 | transition: background 0.2s ease; | |
62 | ||
63 | .action { | |
93e3329c | 64 | margin: 0; |
64f81bc3 | 65 | font-size: 2.1rem; |
64f81bc3 TC |
66 | } |
67 | ||
68 | .input-field input { | |
69 | display: block; | |
70 | line-height: inherit; | |
64f81bc3 TC |
71 | width: calc(100% - 8rem); |
72 | height: 4.1rem; | |
73 | } | |
74 | ||
75 | .input-field input:focus { | |
76 | background-color: #fff; | |
77 | border: 0; | |
78 | box-shadow: none; | |
79 | color: #444; | |
80 | } | |
81 | } | |
82 | ||
93e3329c S |
83 | .nav-panel-top { |
84 | display: flex; | |
85 | align-items: center; | |
86 | } | |
87 | ||
64f81bc3 TC |
88 | .input-field { |
89 | &.nav-panel-add label, | |
90 | &.nav-panel-search label { | |
91 | left: 1rem; | |
92 | } | |
93 | ||
94 | &.nav-panel-add .close, | |
95 | &.nav-panel-search .close { | |
96 | position: absolute; | |
97 | top: 0; | |
98 | right: 1rem; | |
99 | color: transparent; | |
100 | cursor: pointer; | |
101 | font-size: 2rem; | |
102 | transition: 0.3s color; | |
103 | } | |
104 | ||
105 | &.nav-panel-add, | |
106 | &.nav-panel-add form, | |
107 | &.nav-panel-search, | |
108 | &.nav-panel-search form { | |
109 | display: flex; | |
110 | flex: 1; | |
111 | } | |
3d46eeeb KD |
112 | |
113 | &.nav-panel-add form.disabled, | |
114 | &.nav-panel-add form.disabled input { | |
115 | background-color: whitesmoke; | |
116 | } | |
64f81bc3 TC |
117 | } |
118 | ||
119 | #button_filters { | |
120 | display: none; | |
121 | } | |
122 | ||
123 | #button_export { | |
124 | display: none; | |
125 | } | |
da2a5fe2 S |
126 | |
127 | @media (min-width: 993px) { | |
128 | .button-collapse { | |
129 | display: none; | |
130 | } | |
131 | } |