Projet

Général

Profil

0001-scss-define-border-and-marker-colors-for-custom-radi.patch

Serghei Mihai (congés, retour 15/05), 09 avril 2020 11:30

Télécharger (3,33 ko)

Voir les différences: 

Subject: [PATCH] scss: define border and marker colors for custom
 radio/checkbox (#41372)


 help/fr/misc-scss.page      | 16 ++++++++++++++--
 static/includes/_forms.scss | 10 ++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)
help/fr/misc-scss.page
515 515 
 </tr>
516 516 
 <tr>
517 517 
  <td><p><code>$widget-custom-radio-checkbox-color</code></p></td>
518 
  <td><p>Couleur des cases à cocher et boutons radios quand leur rendu est
519 
  personnalisé.</p></td>
518 
  <td><p>Couleur des cases à cocher et boutons radios (bordure et marqueur)
519 
  quand leur rendu est personnalisé.</p></td>
520 520 
  <td><p><var>$button-background</var></p></td>
521 521 
 </tr>
522 
 <tr>
523 
  <td><p><code>$widget-custom-radio-checkbox-border-color</code></p></td>
524 
  <td><p>Couleur de la bordure des cases à cocher et boutons radios
525 
  quand leur rendu est personnalisé.</p></td>
526 
  <td><p><var>$widget-custom-radio-checkbox-color</var></p></td>
527 
 </tr>
528 
 <tr>
529 
  <td><p><code>$widget-custom-radio-checkbox-marker-color</code></p></td>
530 
  <td><p>Couleur du marqueur des cases à cocher et des boutons radios
531 
  cochés quand leur rendu est personnalisé.</p></td>
532 
  <td><p><var>$widget-custom-radio-checkbox-color</var></p></td>
533 
 </tr>
522 534 
 <tr>
523 535 
  <td><p><code>$widget-unique-checkbox-position</code></p></td>
524 536 
  <td><p>Positionnement de la case à cocher d'un champ de type « Case à
static/includes/_forms.scss
24 24 

  		




  25
  25
  
    
$widget-custom-radio-checkbox: false !default;

  		




  26
  26
  
    
$widget-custom-radio-checkbox-color: $button-background !default;

  		




  
  27
  
    
$widget-custom-radio-checkbox-border-color: $widget-custom-radio-checkbox-color !default;

  		




  
  28
  
    
$widget-custom-radio-checkbox-marker-color: $widget-custom-radio-checkbox-color !default;

  		




  27
  29
  
    
$widget-unique-checkbox-position: bottom !default;  // also possible: left

  		




  28
  30
  
    

  		




  29
  31
  
    
// $form-style: global style of form elements; possible values are:

  		




  ......




  415
  417
  
    
					background: transparent;

  		




  416
  418
  
    
					top: 0.33rem;

  		




  417
  419
  
    
					left: 0;

  		




  418
  
  
    
					border: 1px solid $widget-custom-radio-checkbox-color;

  		




  
  420
  
    
					border: 1px solid $widget-custom-radio-checkbox-border-color;

  		




  419
  421
  
    
				}

  		




  420
  422
  
    
				&::after {

  		




  421
  423
  
    
					display: block;

  		




  ......




  431
  433
  
    
				  }

  		




  432
  434
  
    
			}

  		




  433
  435
  
    
			&:checked + span::after {

  		




  434
  
  
    
				background: $widget-custom-radio-checkbox-color;

  		




  
  436
  
    
				background: $widget-custom-radio-checkbox-marker-color;

  		




  435
  437
  
    
			}

  		




  436
  438
  
    
			&[disabled]:checked + span::after {

  		




  437
  
  
    
				background: grayscale($widget-custom-radio-checkbox-color);

  		




  
  439
  
    
				background: grayscale($widget-custom-radio-checkbox-marker-color);

  		




  438
  440
  
    
			}

  		




  439
  441
  
    

  		




  440
  442
  
    
			&:focus + span {

  		




  ......




  456
  458
  
    
				&::before {

  		




  457
  459
  
    
					top: calc(0.33rem - 4px);

  		




  458
  460
  
    
					left: -4px;

  		




  459
  
  
    
					border: 5px solid $widget-custom-radio-checkbox-color;

  		




  
  461
  
    
					border: 5px solid $widget-custom-radio-checkbox-border-color;

  		




  460
  462
  
    
					opacity: 0.5;

  		




  461
  463
  
    
				}

  		




  462
  464
  
    
			}

  		




  463
  
  
    
-