Projet

Général

Profil

0001-toulouse-update-steps-36765.patch

Thomas Jund (congés, retour le 29/04), 27 novembre 2019 16:49

Télécharger (2,16 ko)

Voir les différences:

Subject: [PATCH] toulouse: update steps (#36765)

 static/toulouse/_custom.scss | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)
static/toulouse/_custom.scss
913 913
	}
914 914
}
915 915

  
916
div#steps {
916
#steps {
917
	h2 {
918
		display: none;
919
	}
917 920
	margin-top: -55px;
918 921
	ol {
919 922
		position: relative;
920 923
		text-align: left;
921 924
		display: flex;
925
		list-style-type: none;
926
		margin: 0;
927
		padding: 0;
922 928
		li {
923 929
			position: relative;
924 930
			padding: 0 1rem;
......
930 936
			}
931 937
			flex: 1;
932 938
			text-align: center;
933
			span.marker {
939
			.marker {
934 940
				display: inline-block;
935 941
				padding: 0;
936 942
				width: 68px;
......
947 953
			}
948 954
			&.current {
949 955
				background: transparent;
950
				span.marker {
956
				.marker {
951 957
					background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%);
952 958
					border-radius: 100%;
953 959
					color: white;
954 960
				}
955 961
			}
956
			span.label {
962
			.label {
957 963
				padding-top: 10px;
958 964
				display: block;
959 965
				font-weight: bold;
......
999 1005
				}
1000 1006
				min-width: auto;
1001 1007
				width: 2rem;
1002
				span.marker {
1008
				.marker {
1003 1009
					width: 48px;
1004 1010
					height: 48px;
1005 1011
					line-height: 48px;
1006 1012
					font-size: 20px;
1007 1013
				}
1008
				span.label {
1014
				.label {
1009 1015
					display: none;
1010 1016
				}
1011 1017
				&.current {
1012
					span.label {
1018
					.label {
1013 1019
						display: block;
1014 1020
						width: 10rem;
1015 1021
						margin-left: -1rem;
......
1523 1529
	margin-top: 0;
1524 1530
}
1525 1531

  
1526
div#steps-mobile {
1532
#steps-mobile {
1527 1533
	display: none;
1528 1534
}
1529 1535

  
1530 1536
@media screen and (max-width: $mobile-limit) {
1531
	div#steps {
1537
	#steps {
1532 1538
		display: none;
1533 1539
	}
1534
	div#steps-mobile {
1540
	#steps-mobile {
1535 1541
		display: block;
1536 1542
		margin: 0 auto;
1537 1543
		text-align: center;
......
1555 1561
				}
1556 1562
			}
1557 1563
		}
1558
		span.current-label {
1564
		.current-label {
1559 1565
			display: inline-block;
1560 1566
			font-weight: bold;
1561 1567
			font-size: 13px;
1562
-