]>
Commit | Line | Data |
---|---|---|
1 | ||
2 | /* ========================================================================== | |
3 | Nav | |
4 | ========================================================================== */ | |
5 | nav, | |
6 | .nav-wrapper { | |
7 | height: auto; | |
8 | line-height: initial; | |
9 | } | |
10 | ||
11 | nav { | |
12 | input { | |
13 | color: #aaa; | |
14 | } | |
15 | ||
16 | ul a:hover { | |
17 | background-color: initial; | |
18 | } | |
19 | } | |
20 | ||
21 | .nav-wrapper { | |
22 | display: flex; | |
23 | padding: 0.6rem 0.4rem 0.6rem 0.75rem; | |
24 | flex-wrap: wrap; | |
25 | justify-content: space-between; | |
26 | align-items: center; | |
27 | ||
28 | .button-collapse { | |
29 | margin-left: 0; | |
30 | margin-right: 0.5rem; | |
31 | padding: 0 0.5rem; | |
32 | height: auto; | |
33 | line-height: 1; | |
34 | background-color: transparent; | |
35 | border: none; | |
36 | } | |
37 | } | |
38 | ||
39 | nav .nav-wrapper i { | |
40 | height: 46px; | |
41 | line-height: 46px; | |
42 | } | |
43 | ||
44 | .nav-input { | |
45 | display: none; | |
46 | } | |
47 | ||
48 | .nav-panel-buttom { | |
49 | display: flex; | |
50 | flex-grow: 1; | |
51 | justify-content: flex-end; | |
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 { | |
64 | margin: 0; | |
65 | font-size: 2.1rem; | |
66 | } | |
67 | ||
68 | .input-field input { | |
69 | display: block; | |
70 | line-height: inherit; | |
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 | ||
83 | .nav-panel-top { | |
84 | display: flex; | |
85 | align-items: center; | |
86 | } | |
87 | ||
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 | } | |
112 | ||
113 | &.nav-panel-add form.disabled, | |
114 | &.nav-panel-add form.disabled input { | |
115 | background-color: whitesmoke; | |
116 | } | |
117 | } | |
118 | ||
119 | .nav-form-button { | |
120 | padding: 0 1rem; | |
121 | background-color: transparent; | |
122 | border: none; | |
123 | ||
124 | &:focus { | |
125 | background-color: inherit; | |
126 | } | |
127 | } | |
128 | ||
129 | #button_filters { | |
130 | display: none; | |
131 | } | |
132 | ||
133 | #button_export { | |
134 | display: none; | |
135 | } | |
136 | ||
137 | @media (min-width: 993px) { | |
138 | .button-collapse { | |
139 | display: none; | |
140 | } | |
141 | } |