Projet

Général

Profil

0001-grandlyon-gnm-add-styles-for-the-dashboard-15043.patch

le patch à publik-base-theme pour les styles grandlyon-gnm - Frédéric Péters, 12 mai 2017 17:11

Télécharger (2,97 ko)

Voir les différences:

Subject: [PATCH 1/2] grandlyon-gnm: add styles for the dashboard (#15043)

 static/grandlyon-gnm/_custom.scss                  | 68 ++++++++++++++++++++++
 .../grandlyon-gnm/combo/dashboard_cell_icons.html  |  0
 .../variants/grandlyon-gnm/combo/json/velov.html   |  1 +
 3 files changed, 69 insertions(+)
 delete mode 100644 templates/variants/grandlyon-gnm/combo/dashboard_cell_icons.html
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
-