Projet

Général

Profil

0001-grand-chambery-update-steps-36765.patch

Thomas Jund (congés, retour le 29/04), 18 novembre 2019 17:24

Télécharger (3,07 ko)

Voir les différences: 

Subject: [PATCH] grand-chambery: update steps  (#36765)


 static/grand-chambery/_custom.scss | 105 ++++++++++++++---------------
 static/grand-chambery/_vars.scss   |   8 +++
 2 files changed, 58 insertions(+), 55 deletions(-)
static/grand-chambery/_custom.scss
391 391 
			}
392 392 
		}
393 393 
	}
394 
	div#steps {
395 
		position: absolute;
396 
		top: -45px;
397 
		width: 25%;
398 
		h2 {
399 
			display: block;
400 
			color: black;
401 
			font-weight: normal;
402 
			margin-top: 0;
403 
			margin-left: 1rem;
404 
			text-transform: uppercase;
405 
			color: $red;
406 
		}
407 
		ol {
408 
			padding-top: 1rem;
409 
			li {
410 
				box-shadow: 0 5px 5px #666;
411 
				border-radius: 10px;
412 
				display: flex;
413 
				align-items: center;
414 
				padding: 0;
415 
				border: 0;
416 
				span {
417 
					font-size: 1.1rem;
418 
					padding: 0 1rem;
419 
					color: black;
420 
				}
421 
				span.marker {
422 
					padding: 1rem;
423 
					background: $red;
424 
					font-weight: normal;
425 
					color: white;
426 
					&::after {
427 
						content: "-";
428 
					}
429 
					border-radius: 10px 0 0 10px;
430 
				}
431 
				&.current {
432 
					span {
433 
						font-weight: normal;
434 
						color: white;
435 
					}
436 
				}
437 
			}
438 
		}
439 
	}
440 394 
	@media screen and (max-width: $mobile-limit) {
441 395 
		width: 100%;
442 396 
		+ div#rub_service {
......
468 422 
				float: none;
469 423 
			}
470 424 
		}
471 
		div#steps {
472 
			h2 {
473 
				display: none;
474 
			}
475 
			margin-bottom: 1rem;
476 
			ol {
477 
				li {
478 
					margin-bottom: 0.5rem;
479 
				}
425 
	}
426 
}
427 

  		




  
  428
  
    
//Steps 

  		




  
  429
  
    

  		




  
  430
  
    
.wcs-steps {

  		




  
  431
  
    
	clear: both;

  		




  
  432
  
    
	padding-top: $wcs-steps-spacing;

  		




  
  433
  
    
}

  		




  
  434
  
    
.wcs-step {

  		




  
  435
  
    
	box-shadow: 0 5px 5px #666;

  		




  
  436
  
    
	border-radius: 10px;

  		




  
  437
  
    
	font-weight: normal;

  		




  
  438
  
    
	overflow: hidden;

  		




  
  439
  
    

  		




  
  440
  
    
	&--marker,

  		




  
  441
  
    
	&--label {

  		




  
  442
  
    
		font-weight: normal !important;

  		




  
  443
  
    
	}

  		




  
  444
  
    
}

  		




  
  445
  
    
@include desktop-vertical-steps() {

  		




  
  446
  
    
	.wcs-steps {

  		




  
  447
  
    
		h2 {

  		




  
  448
  
    
			font-size: 1.5rem;

  		




  
  449
  
    
			display: block;

  		




  
  450
  
    
			font-weight: normal;

  		




  
  451
  
    
			margin-top: 0;

  		




  
  452
  
    
			margin-left: 1rem;

  		




  
  453
  
    
			text-transform: uppercase;

  		




  
  454
  
    
			color: $red;

  		




  
  455
  
    
		}

  		




  
  456
  
    
	}

  		




  
  457
  
    
	.wcs-step {

  		




  
  458
  
    
		min-height: $wcs-step-marker-size;

  		




  
  459
  
    
		&--marker {

  		




  
  460
  
    
			background: $red;

  		




  
  461
  
    
			color: #fff;

  		




  
  462
  
    
			height: auto;

  		




  
  463
  
    
			&-nb::after {

  		




  
  464
  
    
				content: "-"

  		




  480
  465
  
    
			}

  		




  481
  466
  
    
		}

  		




  
  467
  
    
		&--label {

  		




  
  468
  
    
			padding-top: $wcs-steps-spacing/2;

  		




  
  469
  
    
			padding-bottom: $wcs-steps-spacing/2;

  		




  
  470
  
    
			color: inherit !important;

  		




  
  471
  
    
		}

  		




  
  472
  
    

  		




  
  473
  
    
		&.current {

  		




  
  474
  
    
			background: $red;

  		




  
  475
  
    
			color: #fff;			

  		




  
  476
  
    
		}

  		




  482
  477
  
    
	}

  		




  483
  478
  
    
}

  		




  484
  479
  
    

  		












  

    
      static/grand-chambery/_vars.scss
    
  





  35
  35
  
    

  		




  36
  36
  
    
$widget-unique-checkbox-position: left;

  		




  37
  37
  
    
$widget-custom-radio-checkbox: true;

  		




  
  38
  
    

  		




  
  39
  
    
$wcs-steps-spacing: 0.7rem;

  		




  
  40
  
    
$wcs-step-border-bottom: none;

  		




  
  41
  
    
$wcs-step-color: #000;

  		




  
  42
  
    
$wcs-step-background-color: #fff;

  		




  
  43
  
    
$wcs-step-current-marker-background: $primary-color;

  		




  
  44
  
    
$wcs-step-current-marker-color: #fff;

  		




  
  45
  
    

  		




  38
  
  
    
-