Projet

Général

Profil

0001-scss-introduce-form-sidebar-width-form-sidebar-gutte.patch

Thomas Jund, 14 octobre 2021 14:20

Télécharger (2,03 ko)

Voir les différences: 

Subject: [PATCH] scss: introduce $form-sidebar-width & $form-sidebar-gutter
 sass vars (#57853)


 help/fr/misc-scss.page         | 10 ++++++++++
 static/includes/wcs/_bulk.scss |  6 ++++--
 2 files changed, 14 insertions(+), 2 deletions(-)
help/fr/misc-scss.page
453 453 
  « top ».</p></td>
454 454 
  <td><p><var>left</var></p></td>
455 455 
 </tr>
456 
 <tr>
457 
  <td><p><code>$form-sidebar-width</code></p></td>
458 
  <td><p>Largeur de la barre latérale au formulaire</p></td>
459 
  <td><p><var>18.5%</var></p></td>
460 
 </tr>
461 
 <tr>
462 
  <td><p><code>$form-sidebar-gutter</code></p></td>
463 
  <td><p>Espace entre la barre latérale et le formulaire</p></td>
464 
  <td><p><var>2%</var></p></td>
465 
 </tr>
456 466 
 <tr>
457 467 
  <td><p><code>$button-background</code></p></td>
458 468 
  <td><p>Couleur de fond des boutons</p></td>
static/includes/wcs/_bulk.scss
1 1 
// $form-sidebar-position: position of sidebar (tracking code + steps)
2 2 
// possible values are: left, right, top
3 3 
$form-sidebar-position: left !default;
4 
$form-sidebar-width: 18.5% !default;
5 
$form-sidebar-gutter: 2% !default;
4 6 

  		




  5
  7
  
    
// hide a bunch of elements

  		




  6
  8
  
    
div#droite,

  		




  ......




  33
  35
  
    
} @else {

  		




  34
  36
  
    
	div#gauche {

  		




  35
  37
  
    
		clear: both;

  		




  36
  
  
    
		width: 18.5%;

  		




  
  38
  
    
		width: $form-sidebar-width;

  		




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

  		




  38
  40
  
    
			float: left;

  		




  39
  41
  
    
		} @else {

  		




  ......




  42
  44
  
    
	}

  		




  43
  45
  
    

  		




  44
  46
  
    
	div#gauche + div#rub_service {

  		




  45
  
  
    
		width: 79.5%;

  		




  
  47
  
    
		width: calc(100% - #{$form-sidebar-width} - #{$form-sidebar-gutter});

  		




  46
  48
  
    
		clear: none;

  		




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

  		




  48
  50
  
    
			float: right;

  		




  49
  
  
    
-