]>
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; | |
71 | padding-left: 4rem !important; | |
72 | width: calc(100% - 8rem); | |
73 | height: 4.1rem; | |
74 | } | |
75 | ||
76 | .input-field input:focus { | |
77 | background-color: #fff; | |
78 | border: 0; | |
79 | box-shadow: none; | |
80 | color: #444; | |
81 | } | |
82 | } | |
83 | ||
93e3329c S |
84 | .nav-panel-top { |
85 | display: flex; | |
86 | align-items: center; | |
87 | } | |
88 | ||
64f81bc3 TC |
89 | .input-field { |
90 | &.nav-panel-add label, | |
91 | &.nav-panel-search label { | |
92 | left: 1rem; | |
93 | } | |
94 | ||
95 | &.nav-panel-add .close, | |
96 | &.nav-panel-search .close { | |
97 | position: absolute; | |
98 | top: 0; | |
99 | right: 1rem; | |
100 | color: transparent; | |
101 | cursor: pointer; | |
102 | font-size: 2rem; | |
103 | transition: 0.3s color; | |
104 | } | |
105 | ||
106 | &.nav-panel-add, | |
107 | &.nav-panel-add form, | |
108 | &.nav-panel-search, | |
109 | &.nav-panel-search form { | |
110 | display: flex; | |
111 | flex: 1; | |
112 | } | |
3d46eeeb KD |
113 | |
114 | &.nav-panel-add form.disabled, | |
115 | &.nav-panel-add form.disabled input { | |
116 | background-color: whitesmoke; | |
117 | } | |
64f81bc3 TC |
118 | } |
119 | ||
120 | #button_filters { | |
121 | display: none; | |
122 | } | |
123 | ||
124 | #button_export { | |
125 | display: none; | |
126 | } | |
da2a5fe2 S |
127 | |
128 | @media (min-width: 993px) { | |
129 | .button-collapse { | |
130 | display: none; | |
131 | } | |
132 | } |