Commit 04901ca70ec4b6b44db8b03ad20efe1f11c6ce11
1 parent
e8012d4df6
Exists in
master
Imagen vieja eliminada - clase para botones en modal detalles
Showing
2 changed files
with
16 additions
and
0 deletions
Show diff stats
img/fechaDeReparto.png
4.19 KB
src/sass/general.scss
1 | @import 'constants'; | 1 | @import 'constants'; |
2 | @import 'admin-seguimiento'; | 2 | @import 'admin-seguimiento'; |
3 | @import 'bootstrap'; | 3 | @import 'bootstrap'; |
4 | @import 'botonera'; | 4 | @import 'botonera'; |
5 | @import 'botonera-lateral'; | 5 | @import 'botonera-lateral'; |
6 | @import 'botonera-principal'; | 6 | @import 'botonera-principal'; |
7 | @import 'botonera-secundaria'; | 7 | @import 'botonera-secundaria'; |
8 | @import 'contenedor'; | 8 | @import 'contenedor'; |
9 | @import 'lista'; | 9 | @import 'lista'; |
10 | @import 'login'; | 10 | @import 'login'; |
11 | @import 'panel-informativo'; | 11 | @import 'panel-informativo'; |
12 | @import 'tabla'; | 12 | @import 'tabla'; |
13 | @import 'teclado'; | 13 | @import 'teclado'; |
14 | @import 'tabla-articulos'; | 14 | @import 'tabla-articulos'; |
15 | @import 'acciones-mobile'; | 15 | @import 'acciones-mobile'; |
16 | @import 'swiper'; | 16 | @import 'swiper'; |
17 | @import 'foca-crear'; | 17 | @import 'foca-crear'; |
18 | @import 'logistica-pedido-ruta'; | 18 | @import 'logistica-pedido-ruta'; |
19 | @import 'tabs'; | 19 | @import 'tabs'; |
20 | @import 'grid'; | 20 | @import 'grid'; |
21 | @import 'paginador-abm'; | 21 | @import 'paginador-abm'; |
22 | @import 'table-autorizar-nota-pedido'; | 22 | @import 'table-autorizar-nota-pedido'; |
23 | 23 | ||
24 | 24 | ||
25 | //OCULTA FLECHAS INPUT NUMBER | 25 | //OCULTA FLECHAS INPUT NUMBER |
26 | input[type='number'] { | 26 | input[type='number'] { |
27 | -moz-appearance:textfield; | 27 | -moz-appearance:textfield; |
28 | } | 28 | } |
29 | 29 | ||
30 | input::-webkit-outer-spin-button, | 30 | input::-webkit-outer-spin-button, |
31 | input::-webkit-inner-spin-button { | 31 | input::-webkit-inner-spin-button { |
32 | -webkit-appearance: none; | 32 | -webkit-appearance: none; |
33 | } | 33 | } |
34 | 34 | ||
35 | .d-md-grid{ | 35 | .d-md-grid{ |
36 | @media (min-width: 768px) { | 36 | @media (min-width: 768px) { |
37 | display: grid !important; | 37 | display: grid !important; |
38 | } | 38 | } |
39 | } | 39 | } |
40 | 40 | ||
41 | .btn-outline-debo{ | 41 | .btn-outline-debo{ |
42 | background-color: transparent; | 42 | background-color: transparent; |
43 | color: $primary; | 43 | color: $primary; |
44 | border-color: $primary; | 44 | border-color: $primary; |
45 | &:hover{ | 45 | &:hover{ |
46 | color: #FFF; | 46 | color: #FFF; |
47 | border-color: transparent; | 47 | border-color: transparent; |
48 | background-color: $primary; | 48 | background-color: $primary; |
49 | } | 49 | } |
50 | &:focus { | 50 | &:focus { |
51 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; | 51 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; |
52 | } | 52 | } |
53 | &:active { | 53 | &:active { |
54 | color: #FFF; | 54 | color: #FFF; |
55 | background-color: $primary !important; | 55 | background-color: $primary !important; |
56 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; | 56 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; |
57 | } | 57 | } |
58 | } | 58 | } |
59 | 59 | ||
60 | .input-group-append > button { | 60 | .input-group-append > button { |
61 | &:focus { | 61 | &:focus { |
62 | border-color: $primary !important; | 62 | border-color: $primary !important; |
63 | box-shadow: 0 0 5px $primary !important; | 63 | box-shadow: 0 0 5px $primary !important; |
64 | } | 64 | } |
65 | &:active { | 65 | &:active { |
66 | border-color: $primary !important; | 66 | border-color: $primary !important; |
67 | box-shadow: 0 0 5px $primary !important; | 67 | box-shadow: 0 0 5px $primary !important; |
68 | } | 68 | } |
69 | } | 69 | } |
70 | 70 | ||
71 | .input-group-append > button { | 71 | .input-group-append > button { |
72 | &:focus { | 72 | &:focus { |
73 | border-color: $primary !important; | 73 | border-color: $primary !important; |
74 | box-shadow: 0 0 5px $primary !important; | 74 | box-shadow: 0 0 5px $primary !important; |
75 | } | 75 | } |
76 | &:active { | 76 | &:active { |
77 | border-color: $primary !important; | 77 | border-color: $primary !important; |
78 | box-shadow: 0 0 5px $primary !important; | 78 | box-shadow: 0 0 5px $primary !important; |
79 | } | 79 | } |
80 | } | 80 | } |
81 | 81 | ||
82 | 82 | ||
83 | .btn-login { | 83 | .btn-login { |
84 | box-shadow: none !important; | 84 | box-shadow: none !important; |
85 | } | 85 | } |
86 | 86 | ||
87 | input[type="file"] { | 87 | input[type="file"] { |
88 | display: none; | 88 | display: none; |
89 | } | 89 | } |
90 | .custom-file-upload { | 90 | .custom-file-upload { |
91 | border: 1px solid #ccc; | 91 | border: 1px solid #ccc; |
92 | display: inline-block; | 92 | display: inline-block; |
93 | padding: 6px 12px; | 93 | padding: 6px 12px; |
94 | cursor: pointer; | 94 | cursor: pointer; |
95 | } | 95 | } |
96 | 96 | ||
97 | .btn-brown { | 97 | .btn-brown { |
98 | background-color:$primary; | 98 | background-color:$primary; |
99 | -webkit-appearance: none; | 99 | -webkit-appearance: none; |
100 | border-color: transparent; | 100 | border-color: transparent; |
101 | &:focus { | 101 | &:focus { |
102 | outline: 0 !important; | 102 | outline: 0 !important; |
103 | box-shadow: none; | 103 | box-shadow: none; |
104 | } | 104 | } |
105 | .icon-white { | 105 | .icon-white { |
106 | color: white; | 106 | color: white; |
107 | } | 107 | } |
108 | } | 108 | } |
109 | 109 | ||
110 | .btn-Guardar { | 110 | .btn-Guardar { |
111 | background-color:green; | 111 | background-color:green; |
112 | -webkit-appearance: none; | 112 | -webkit-appearance: none; |
113 | border-color: transparent; | 113 | border-color: transparent; |
114 | &:focus { | 114 | &:focus { |
115 | outline: 0 !important; | 115 | outline: 0 !important; |
116 | box-shadow: none; | 116 | box-shadow: none; |
117 | } | 117 | } |
118 | .icon-white { | 118 | .icon-white { |
119 | color: white; | 119 | color: white; |
120 | } | 120 | } |
121 | } | 121 | } |
122 | 122 | ||
123 | .page-item.active .page-link { | 123 | .page-item.active .page-link { |
124 | z-index: 1; | 124 | z-index: 1; |
125 | color: #fff; | 125 | color: #fff; |
126 | background-color: $primary; | 126 | background-color: $primary; |
127 | border-color: $primary; | 127 | border-color: $primary; |
128 | } | 128 | } |
129 | 129 | ||
130 | .foca-input { | 130 | .foca-input { |
131 | &:focus { | 131 | &:focus { |
132 | border-color: $primary; | 132 | border-color: $primary; |
133 | box-shadow: 0 0 5px $primary; | 133 | box-shadow: 0 0 5px $primary; |
134 | } | 134 | } |
135 | } | 135 | } |
136 | 136 | ||
137 | .btn-enviar { | ||
138 | background-color: white; | ||
139 | border-color: #cd9035; | ||
140 | &:focus { | ||
141 | box-shadow: none !important; | ||
142 | } | ||
143 | &:hover { | ||
144 | border-color: $primaryTransparency !important; | ||
145 | background-color: $primaryTransparency !important; | ||
146 | } | ||
147 | &:active{ | ||
148 | background-color: $primary !important; | ||
149 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; | ||
150 | } | ||
151 | } | ||
152 | |||
137 | .btn-primary { | 153 | .btn-primary { |
138 | background-color: $primary !important; | 154 | background-color: $primary !important; |
139 | border-color: $primary !important; | 155 | border-color: $primary !important; |
140 | &:focus { | 156 | &:focus { |
141 | box-shadow: none !important; | 157 | box-shadow: none !important; |
142 | } | 158 | } |
143 | &:hover { | 159 | &:hover { |
144 | border-color: $primaryTransparency !important; | 160 | border-color: $primaryTransparency !important; |
145 | background-color: $primaryTransparency !important; | 161 | background-color: $primaryTransparency !important; |
146 | } | 162 | } |
147 | &:active{ | 163 | &:active{ |
148 | background-color: $primary !important; | 164 | background-color: $primary !important; |
149 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; | 165 | box-shadow: 0px 0px 0px 3px $primaryTransparency !important; |
150 | } | 166 | } |
151 | } | 167 | } |
152 | 168 | ||
153 | .btn-default { | 169 | .btn-default { |
154 | color: #FFF; | 170 | color: #FFF; |
155 | background-color: $default !important; | 171 | background-color: $default !important; |
156 | border-color: $default !important; | 172 | border-color: $default !important; |
157 | &:focus { | 173 | &:focus { |
158 | box-shadow: none !important; | 174 | box-shadow: none !important; |
159 | } | 175 | } |
160 | &:hover { | 176 | &:hover { |
161 | color: #FFF; | 177 | color: #FFF; |
162 | border-color: $defaultTransparency !important; | 178 | border-color: $defaultTransparency !important; |
163 | background-color: $defaultTransparency !important; | 179 | background-color: $defaultTransparency !important; |
164 | } | 180 | } |
165 | &:active{ | 181 | &:active{ |
166 | background-color: $default !important; | 182 | background-color: $default !important; |
167 | box-shadow: 0px 0px 0px 3px $defaultTransparency !important; | 183 | box-shadow: 0px 0px 0px 3px $defaultTransparency !important; |
168 | } | 184 | } |
169 | } | 185 | } |
170 | 186 | ||
171 | .btn-danger { | 187 | .btn-danger { |
172 | &:hover { | 188 | &:hover { |
173 | color: #FFF; | 189 | color: #FFF; |
174 | border-color: $dangerTransparency !important; | 190 | border-color: $dangerTransparency !important; |
175 | background-color: $dangerTransparency !important; | 191 | background-color: $dangerTransparency !important; |
176 | } | 192 | } |
177 | } | 193 | } |
178 | 194 | ||
179 | .table-celda-total { | 195 | .table-celda-total { |
180 | background-color: $highlightedArea; | 196 | background-color: $highlightedArea; |
181 | } | 197 | } |
182 | 198 | ||
183 | marquee { | 199 | marquee { |
184 | background-color: $highlightedArea; | 200 | background-color: $highlightedArea; |
185 | } | 201 | } |
186 | 202 | ||
187 | .front-index{ | 203 | .front-index{ |
188 | z-index: 9999; | 204 | z-index: 9999; |
189 | } | 205 | } |
190 | 206 | ||
191 | .uib-daypicker{ | 207 | .uib-daypicker{ |
192 | outline: 0 | 208 | outline: 0 |
193 | } | 209 | } |
194 | 210 | ||
195 | .right-0{ | 211 | .right-0{ |
196 | right: 0; | 212 | right: 0; |
197 | } | 213 | } |
198 | 214 | ||
199 | .tabla-factura{ | 215 | .tabla-factura{ |
200 | word-wrap: break-word; | 216 | word-wrap: break-word; |
201 | table-layout: fixed; | 217 | table-layout: fixed; |
202 | } | 218 | } |
203 | 219 | ||
204 | .ladda-w-100 .ladda-label{ | 220 | .ladda-w-100 .ladda-label{ |
205 | width: 100%; | 221 | width: 100%; |
206 | float: right; | 222 | float: right; |
207 | } | 223 | } |
208 | 224 | ||
209 | .btn-delete-image{ | 225 | .btn-delete-image{ |
210 | height: 25px; | 226 | height: 25px; |
211 | width: 25px; | 227 | width: 25px; |
212 | top: -10px; | 228 | top: -10px; |
213 | right: 0; | 229 | right: 0; |
214 | } | 230 | } |
215 | 231 | ||
216 | button.clear-input{ | 232 | button.clear-input{ |
217 | cursor: pointer; | 233 | cursor: pointer; |
218 | background: transparent; | 234 | background: transparent; |
219 | border: none; | 235 | border: none; |
220 | margin-left: -24px; | 236 | margin-left: -24px; |
221 | z-index: 9; | 237 | z-index: 9; |
222 | color: #a3a3a3; | 238 | color: #a3a3a3; |
223 | &:focus{ | 239 | &:focus{ |
224 | outline: none; | 240 | outline: none; |
225 | } | 241 | } |
226 | } | 242 | } |
227 | .custom-control-input { | 243 | .custom-control-input { |
228 | &:checked ~ .custom-control-label::before { | 244 | &:checked ~ .custom-control-label::before { |
229 | border: none !important; | 245 | border: none !important; |
230 | color: $primary !important; | 246 | color: $primary !important; |
231 | background-color: $primary !important; | 247 | background-color: $primary !important; |
232 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; | 248 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; |
233 | } | 249 | } |
234 | &:active ~ .custom-control-label::before { | 250 | &:active ~ .custom-control-label::before { |
235 | border: none !important; | 251 | border: none !important; |
236 | color: $primary !important; | 252 | color: $primary !important; |
237 | background-color: $primary !important; | 253 | background-color: $primary !important; |
238 | } | 254 | } |
239 | &:focus ~ .custom-control-label::before { | 255 | &:focus ~ .custom-control-label::before { |
240 | border: none !important; | 256 | border: none !important; |
241 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; | 257 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; |
242 | } | 258 | } |
243 | &:focus:not(:checked) ~ .custom-control-label::before { | 259 | &:focus:not(:checked) ~ .custom-control-label::before { |
244 | border: none !important; | 260 | border: none !important; |
245 | } | 261 | } |
246 | &:not(:disabled):active ~ .custom-control-label::before { | 262 | &:not(:disabled):active ~ .custom-control-label::before { |
247 | border: none !important; | 263 | border: none !important; |
248 | color: $primary !important; | 264 | color: $primary !important; |
249 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; | 265 | box-shadow: 0px 0px 0px 2px $primaryTransparency !important; |
250 | } | 266 | } |
251 | &:hover ~ .custom-control-label::before { | 267 | &:hover ~ .custom-control-label::before { |
252 | border: none !important; | 268 | border: none !important; |
253 | background-color: $primaryTransparency; | 269 | background-color: $primaryTransparency; |
254 | } | 270 | } |
255 | } | 271 | } |
256 | 272 |