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