0001-grandlyon-gnm-add-styles-for-the-dashboard-15043.patch
static/grandlyon-gnm/_custom.scss | ||
---|---|---|
106 | 106 |
span.infos { |
107 | 107 |
flex: 0 0 auto; |
108 | 108 |
padding: 2ex 1ex; |
109 |
padding-right: 25px; /* place for the dashboard menu */ |
|
109 | 110 |
text-align: right; |
110 | 111 |
border-radius: 5px; |
111 | 112 |
font-size: 80%; |
... | ... | |
420 | 421 |
} |
421 | 422 |
} |
422 | 423 |
} |
424 | ||
425 |
#content div.cell.dashboardcell { |
|
426 |
border-radius: 5px; |
|
427 |
background: $darkgray; |
|
428 |
padding: 10px; |
|
429 |
div.cell { |
|
430 |
padding: 0px; |
|
431 |
margin: 0; |
|
432 |
margin-bottom: 1ex; |
|
433 |
} |
|
434 |
} |
|
435 | ||
436 |
div.cell { |
|
437 |
position: relative; |
|
438 |
} |
|
439 | ||
440 |
.dashboard-cell-icons { |
|
441 |
position: absolute; |
|
442 |
right: 5px; |
|
443 |
top: 5px; |
|
444 | ||
445 |
a.add-to-dashboard { |
|
446 |
color: #E5E5E5; |
|
447 |
&::before { |
|
448 |
font-family: FontAwesome; |
|
449 |
content: "\f005"; /* star */ |
|
450 |
font-size: 16px; |
|
451 |
padding-left: 1ex; |
|
452 |
} |
|
453 |
&:hover { |
|
454 |
color: #666; |
|
455 |
} |
|
456 |
} |
|
457 |
a.dashboard-cell-menu { |
|
458 |
&::before { |
|
459 |
font-family: FontAwesome; |
|
460 |
content: "\f142"; /* ellipsis-v */ |
|
461 |
font-size: 16px; |
|
462 |
padding-left: 0.5ex; |
|
463 |
padding-right: 0.5ex; |
|
464 |
cursor: pointer; |
|
465 |
} |
|
466 |
} |
|
467 |
.menu { |
|
468 |
position: absolute; |
|
469 |
right: -2ex; |
|
470 |
top: 1ex; |
|
471 |
background: white; |
|
472 |
border-radius: 5px; |
|
473 |
z-index: 1000; |
|
474 |
border: 1px solid #aaa; |
|
475 |
box-shadow: 0 0 5px #aaa; |
|
476 |
white-space: nowrap; |
|
477 |
padding: 1ex; |
|
478 |
list-style: none; |
|
479 |
text-transform: uppercase; |
|
480 |
font-size: 80%; |
|
481 |
li a { |
|
482 |
display: inline-block; |
|
483 |
width: 100%; |
|
484 |
padding: 1ex; |
|
485 |
} |
|
486 |
&.closed { |
|
487 |
display: none; |
|
488 |
} |
|
489 |
} |
|
490 |
} |
templates/variants/grandlyon-gnm/combo/json/velov.html | ||
---|---|---|
2 | 2 |
{% if station.name == parameters.station %} |
3 | 3 |
<div class="velov"> |
4 | 4 |
<h2>Station {{station.name}}</h2> |
5 |
{% include "combo/dashboard_cell_icons.html" %} |
|
5 | 6 |
<span class="infos"> |
6 | 7 |
<span class="available-bikes">{{station.available_bikes}} vélos</span><span class="available-bike-stands">{{station.available_bike_stands}} places</span> |
7 | 8 |
</span> |
8 |
- |