]>
Commit | Line | Data |
---|---|---|
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 | &.nav-panel-add form.disabled, | |
100 | &.nav-panel-add form.disabled input { | |
101 | background-color: whitesmoke; | |
102 | } | |
103 | } | |
104 | ||
105 | #button_filters { | |
106 | display: none; | |
107 | } | |
108 | ||
109 | #button_export { | |
110 | display: none; | |
111 | } |