0001-strasbourg-2018-update-steps-36765.patch
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 |
- |