Projet

Général

Profil

0001-scss-add-option-to-control-tracking-code-steps-posit.patch

Frédéric Péters, 06 octobre 2018 16:24

Télécharger (3,29 ko)

Voir les différences: 

Subject: [PATCH] scss: add option to control tracking code/steps position
 (#27028)


 help/fr/misc-scss.page    |  6 ++++
 static/includes/_wcs.scss | 68 ++++++++++++++++++++++++++++++++-------
 2 files changed, 63 insertions(+), 11 deletions(-)
help/fr/misc-scss.page
332 332 
  pour les éléments.</p></td>
333 333 
  <td><p><var>classic</var></p></td>
334 334 
 </tr>
335 
 <tr>
336 
  <td><p><code>$form-sidebar-position</code></p></td>
337 
  <td><p>Position du code de suivi et des étapes, « left », « right » ou
338 
  « top ».</p></td>
339 
  <td><p><var>left</var></p></td>
340 
 </tr>
335 341 
 <tr>
336 342 
  <td><p><code>$button-background</code></p></td>
337 343 
  <td><p>Couleur de fond des boutons</p></td>
static/includes/_wcs.scss
1 1 
@import 'grid';
2 2 

  		




  
  3
  
    
// $form-sidebar-position: position of sidebar (tracking code + steps)

  		




  
  4
  
    
// possible values are: left, right, top

  		




  
  5
  
    
$form-sidebar-position: left !default;

  		




  
  6
  
    

  		




  3
  7
  
    
$responsive-steps: horizontal !default;

  		




  4
  8
  
    

  		




  5
  9
  
    
// hide a bunch of elements

  		




  ......




  12
  16
  
    

  		




  13
  17
  
    
// general layout

  		




  14
  18
  
    

  		




  15
  
  
    
div#gauche {

  		




  16
  
  
    
	clear: both;

  		




  17
  
  
    
	width: 18.5%;

  		




  18
  
  
    
	float: left;

  		




  
  19
  
    
div#gauche, div#rub_service {

  		




  19
  20
  
    
	margin-top: 15px;

  		




  20
  21
  
    
}

  		




  21
  22
  
    

  		




  22
  23
  
    
div#rub_service {

  		




  23
  24
  
    
	background: white;

  		




  24
  
  
    
	margin-top: 15px;

  		




  25
  25
  
    
	& h2 {

  		




  26
  26
  
    
		text-align: center;

  		




  27
  27
  
    
	}

  		




  28
  28
  
    
}

  		




  29
  29
  
    

  		




  30
  
  
    
div#gauche + div#rub_service {

  		




  31
  
  
    
	width: 79.5%;

  		




  32
  
  
    
	float: right;

  		




  33
  
  
    
	clear: none;

  		




  34
  
  
    
}

  		




  
  30
  
    
@if ($form-sidebar-position == top) {

  		




  
  31
  
    
	div#gauche {

  		




  
  32
  
    
		text-align: center;

  		




  
  33
  
    
		div#tracking-code {

  		




  
  34
  
    
			display: inline-block;

  		




  
  35
  
    
			min-width: 15rem;

  		




  
  36
  
    
			a {

  		




  
  37
  
    
				padding-left: 0;

  		




  
  38
  
    
			}

  		




  
  39
  
    
		}

  		




  
  40
  
    
	}

  		




  
  41
  
    
} @else {

  		




  
  42
  
    
	div#gauche {

  		




  
  43
  
    
		clear: both;

  		




  
  44
  
    
		width: 18.5%;

  		




  
  45
  
    
		@if ($form-sidebar-position == left) {

  		




  
  46
  
    
			float: left;

  		




  
  47
  
    
		} @else {

  		




  
  48
  
    
			float: right;

  		




  
  49
  
    
		}

  		




  
  50
  
    
	}

  		




  35
  51
  
    

  		




  
  52
  
    
	div#gauche + div#rub_service {

  		




  
  53
  
    
		width: 79.5%;

  		




  
  54
  
    
		clear: none;

  		




  
  55
  
    
		@if ($form-sidebar-position == left) {

  		




  
  56
  
    
			float: right;

  		




  
  57
  
    
		} @else {

  		




  
  58
  
    
			float: left;

  		




  
  59
  
    
		}

  		




  
  60
  
    
	}

  		




  
  61
  
    
}

  		




  36
  62
  
    

  		




  37
  63
  
    
// style homepage blocks

  		




  38
  64
  
    
div#services > ul {

  		




  ......




  108
  134
  
    

  		




  109
  135
  
    
// steps

  		




  110
  136
  
    
div#steps ol {

  		




  111
  
  
    
	text-align: left;

  		




  112
  137
  
    
	margin: 0;

  		




  113
  138
  
    
	padding: 0;

  		




  114
  139
  
    
	list-style: none;

  		




  ......




  136
  161
  
    
	}

  		




  137
  162
  
    
}

  		




  138
  163
  
    

  		




  
  164
  
    

  		




  
  165
  
    
@if ($form-sidebar-position == top) {

  		




  
  166
  
    
	div#steps ol {

  		




  
  167
  
    
		text-align: center;

  		




  
  168
  
    
		li {

  		




  
  169
  
    
			display: inline-block;

  		




  
  170
  
    
			min-width: 7rem;

  		




  
  171
  
    
			max-width: 11rem;

  		




  
  172
  
    
			vertical-align: top;

  		




  
  173
  
    
			border-bottom: none;

  		




  
  174
  
    
		}

  		




  
  175
  
    
	}

  		




  
  176
  
    
}

  		




  
  177
  
    

  		




  139
  178
  
    
@if ($responsive-steps == horizontal) {

  		




  140
  179
  
    
@media screen and (max-width: $mobile-limit) {

  		




  141
  180
  
    
	div#gauche {

  		




  ......




  171
  210
  
    
				margin: 0;

  		




  172
  211
  
    
				padding: 0 1em 1ex 0;

  		




  173
  212
  
    
				list-style: none;

  		




  
  213
  
    
				min-width: auto;

  		




  174
  214
  
    
				border-radius: 0;

  		




  175
  215
  
    
				& span.marker {

  		




  176
  216
  
    
					float: none;

  		




  ......




  213
  253
  
    
		margin: 0;

  		




  214
  254
  
    
		float: none;

  		




  215
  255
  
    
	}

  		




  
  256
  
    
	div#gauche {

  		




  
  257
  
    
		text-align: left;

  		




  
  258
  
    
		div#tracking-code a {

  		




  
  259
  
    
			padding-left: 0.5ex;

  		




  
  260
  
    
		}

  		




  
  261
  
    
	}

  		




  216
  262
  
    
}

  		




  217
  263
  
    

  		




  218
  264
  
    
li.required-authentication span {

  		




  219
  
  
    
-