Projet

Général

Profil

0001-strasbourg-2018-update-steps-36765.patch

Thomas Jund (congés, retour le 29/04), 26 novembre 2019 15:54

Télécharger (3,08 ko)

Voir les différences:

Subject: [PATCH] strasbourg-2018: update steps (#36765)

 static/strasbourg-2018/_custom.scss | 62 +++++++++--------------------
 static/strasbourg-2018/_vars.scss   |  3 ++
 static/strasbourg-2018/style.scss   |  1 +
 3 files changed, 22 insertions(+), 44 deletions(-)
static/strasbourg-2018/_custom.scss
21 21

  
22 22
/* cancel hyphenation of some elements */
23 23
@media screen and (min-width: 500px) {
24
	#side #steps ol li .label,
25 24
	.section-demarches #rub_service h2,
26 25
	#content div.textcell h2, #content h2 {
27 26
		hyphens: none;
......
402 401
	margin-top: 0;
403 402
}
404 403

  
405
#steps.steps-1 {
406
	display: none;
407
}
408

  
409 404
/* give a different style to page titles in validation page */
410 405
.section-demarches #rub_service div.form-validation div.page > h3 {
411 406
	@extend %atom-h2-rte;
......
433 428
	}
434 429
}
435 430

  
436
/* reduce size of steps when there are too many of them; this is a copy of the
437
 * responsive part from src/02-particules/02-modules/forms/main-form/
438
 * _molecule-form-progressbar.scss
439
 */
440
%small-steps {
441
	ol {
442
		&:before {
443
			top: 14px;
444
		}
445

  
446
		li {
447
			&.first {
448
				&::before {
449
					display: none;
450
				}
451
			}
452
			&.last {
453
				&::after {
454
					display: none;
455
				}
456
			}
457
			width: unset;
458
			.marker {
459
				&::before {
460
					top: -1px;
461
				}
462
				height: 30px;
463
				width: 30px;
464
				font-size: 1.4rem;
465
			}
466
			.label {
467
				display: none;
468
			}
469
		}
431
// Steps
432
// Override _steps.scss to respect _molecule-form-progressbar layout
433
.wcs-steps {
434
	&--list {
435
		flex-wrap: nowrap;
470 436
	}
471 437
}
472 438

  
473
@mixin small-steps-list {
474
	@for $i from 7 through 40 {
475
		#side #steps.steps-#{$i} {
476
			@extend %small-steps;
439
.wcs-step {
440
	&--marker {
441
		transform: none;
442
		border-bottom: none !important;
443
		&-nb {
444
			transform: none;
445
		}
446
		&-total {
447
			display: none;
477 448
		}
478 449
	}
450
	&--label {
451
		position: static;
452
		text-align: center;
453
	}
479 454
}
480 455

  
481
@include small-steps-list;
482 456

  
483 457
div#seu-grid-carrefour div.wcsformsofcategorycell ul > li > a {
484 458
	border: none;
static/strasbourg-2018/_vars.scss
28 28
$widget-focus-outline: none !default;
29 29
$widget-focus-outline-offset: 0 !default;
30 30
$widget-focus-box-shadow: none !default;
31

  
32
$form-sidebar-position: top;
33
$wcs-step-border-bottom: none;
static/strasbourg-2018/style.scss
43 43
@import '../includes/jqueryui';
44 44
@import '../includes/misc';
45 45
@import '../includes/grid';
46
@import '../includes/wcs/steps';
46 47
@import 'custom';
47
-