Projet

Général

Profil

0001-scss-carrousel-add-news-text-positions-combinaisons.patch

Thomas Jund, 22 mars 2020 18:12

Télécharger (8,02 ko)

Voir les différences: 

Subject: [PATCH] scss: carrousel: add news text positions combinaisons


 help/fr/misc-scss.page                       |  6 +--
 static/arles-2020/_vars.scss                 |  2 +-
 static/clermont-metropole/_vars.scss         |  2 +-
 static/entrouvert/_carrousel-references.scss |  2 +-
 static/entrouvert/_vars.scss                 |  2 +-
 static/haute-garonne-cd31/_vars.scss         |  2 +-
 static/includes/_carrousel.scss              | 49 ++++++++++++++------
 static/lille/_vars.scss                      |  2 +-
 static/nancy-en-direct/_vars.scss            |  2 +-
 static/quimper/_vars.scss                    |  2 +-
 static/signal-publik/_vars.scss              |  2 +-
 11 files changed, 46 insertions(+), 27 deletions(-)
help/fr/misc-scss.page
794 794 
 </tr>
795 795 
 <tr>
796 796 
  <td><p><code>$carrousel-text-position</code></p></td>
797 
  <td><p>Position du texte des différentes pages; les valeurs possibles sont
798 
  middle (milieu de page), bottom-left (en bas à gauche) et
799 
  top-right (en haut à droite).</p></td>
800 
  <td><p><var>middle</var></p></td>
797 
  <td><p>Position du texte des différentes pages; indiqué par 2 valeurs séparées par un espace. La première indique le positionnement vertical (<var>left</var>, <var>middle</var> ou <var>right</var>), la seconde le positionnement horizontal (<var>top</var>, <var>middle</var> ou <var>bottom</var>). Exemple: <var> top right</var></p></td>
798 
  <td><p><var>middle</var> (éq. à <var>middle middle</var>)</p></td>
801 799 
 </tr>
802 800 
 <tr>
803 801 
  <td><p><code>$carrousel-navigation</code></p></td>
static/arles-2020/_vars.scss
49 49 
$wcs-step-background: #ddd;
50 50 

  		




  51
  51
  
    
$carrousel-navigation-bullet-border: 1px solid #ddd;

  		




  52
  
  
    
$carrousel-text-position: top-right;

  		




  
  52
  
    
$carrousel-text-position: top right;

  		












  

    
      static/clermont-metropole/_vars.scss
    
  





  51
  51
  
    
$widget-focus-border: 1px solid #e44b00;

  		




  52
  52
  
    

  		




  53
  53
  
    
$carrousel-height: 420px;

  		




  54
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  54
  
    
$carrousel-text-position: bottom left;

  		












  

    
      static/entrouvert/_carrousel-references.scss
    
  





  53
  53
  
    
						margin-left: auto;

  		




  54
  54
  
    
						margin-right: auto;

  		




  55
  55
  
    
					}

  		




  56
  
  
    
				} @else if $carrousel-text-position == "bottom-left" {

  		




  
  56
  
    
				} @else if $carrousel-text-position == "bottom left" {

  		




  57
  57
  
    
					text-align: left;

  		




  58
  58
  
    
					position: absolute;

  		




  59
  59
  
    
					bottom: 1rem;

  		












  

    
      static/entrouvert/_vars.scss
    
  





  28
  28
  
    
$cell-border: 0;

  		




  29
  29
  
    
$nav-menu-color: #aaa;

  		




  30
  30
  
    
$carrousel-height: 220px;

  		




  31
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  31
  
    
$carrousel-text-position: bottom left;

  		




  32
  32
  
    
$carrousel-navigation-bullet-color: #fff;

  		












  

    
      static/haute-garonne-cd31/_vars.scss
    
  





  42
  42
  
    
$footer-color: white;

  		




  43
  43
  
    

  		




  44
  44
  
    
$carrousel-height: 400px;

  		




  45
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  45
  
    
$carrousel-text-position: bottom left;

  		




  46
  46
  
    
$carrousel-navigation: none;

  		




  47
  47
  
    

  		




  48
  48
  
    
$cell-entry-hover-background: white;

  		












  

    
      static/includes/_carrousel.scss
    
  





  1
  1
  
    
/* $carrousel-height: height of carrousel image */

  		




  2
  2
  
    
$carrousel-height: 20rem !default;

  		




  3
  3
  
    

  		




  4
  
  
    
/* $carrousel-text-position: position of text (middle, bottom-left, top-right) */

  		




  
  4
  
    
// $carrousel-text-position: [vertical option] [horizontal option]

  		




  
  5
  
    
// vertical options: top | middle | bottom

  		




  
  6
  
    
// horizontal options: left | middle | right

  		




  
  7
  
    
// Default: middle (eq to "middle middle");

  		




  5
  8
  
    
$carrousel-text-position: middle !default;

  		




  6
  9
  
    

  		




  7
  10
  
    
/* $carrousel-navigation: visible or none */

  		




  ......




  56
  59
  
    
				opacity: 0.3;

  		




  57
  60
  
    
			}

  		




  58
  61
  
    
			display: flex;

  		




  59
  
  
    
			@if $carrousel-text-position == "middle" {

  		




  60
  
  
    
				align-items: center;

  		




  61
  
  
    
				justify-content: flex-start;

  		




  62
  
  
    
				text-align: center;

  		




  63
  
  
    
			} @else if $carrousel-text-position == "bottom-left" {

  		




  64
  
  
    
				align-items: flex-end;

  		




  65
  
  
    
				justify-content: flex-start;

  		




  66
  
  
    
				text-align: left;

  		




  67
  
  
    
			}  @else if $carrousel-text-position == "top-right" {

  		




  68
  
  
    
				align-items: flex-start;

  		




  69
  
  
    
				justify-content: flex-end;

  		




  70
  
  
    
				text-align: right;

  		




  71
  
  
    
			}

  		




  
  62
  
    

  		




  72
  63
  
    
			div.carrousel-item-content {

  		




  73
  64
  
    
				@if $carrousel-navigation == "visible" {

  		




  74
  65
  
    
					margin-bottom: 1.5rem;

  		




  ......




  175
  166
  
    
		}

  		




  176
  167
  
    
	}

  		




  177
  168
  
    
}

  		




  
  169
  
    

  		




  
  170
  
    

  		




  
  171
  
    
// Texte Position options

  		




  
  172
  
    
@if ($carrousel-text-position == middle) {

  		




  
  173
  
    
	$carrousel-text-position: middle middle;

  		




  
  174
  
    
}

  		




  
  175
  
    
// vertical position

  		




  
  176
  
    
$carrousel-text-vertical-position: nth($carrousel-text-position, 1);

  		




  
  177
  
    
// horizontal position

  		




  
  178
  
    
$carrousel-text-horizontal-position: nth($carrousel-text-position, 2);

  		




  
  179
  
    

  		




  
  180
  
    
.carrousel-item {

  		




  
  181
  
    
	@if $carrousel-text-vertical-position == top {

  		




  
  182
  
    
		align-items: flex-start;

  		




  
  183
  
    
	} @else if $carrousel-text-vertical-position == middle {

  		




  
  184
  
    
		align-items: center;

  		




  
  185
  
    
	} @else if $carrousel-text-vertical-position == bottom {

  		




  
  186
  
    
		align-items: flex-end;

  		




  
  187
  
    
	}

  		




  
  188
  
    
	@if $carrousel-text-horizontal-position == left {

  		




  
  189
  
    
		justify-content: flex-start;

  		




  
  190
  
    
		text-align: left;

  		




  
  191
  
    
	} @else if $carrousel-text-horizontal-position == middle {

  		




  
  192
  
    
		justify-content: center;

  		




  
  193
  
    
		text-align: center;

  		




  
  194
  
    
	} @else if $carrousel-text-horizontal-position == right {

  		




  
  195
  
    
		justify-content: flex-end;

  		




  
  196
  
    
		text-align: right;

  		




  
  197
  
    
	}

  		




  
  198
  
    
}

  		












  

    
      static/lille/_vars.scss
    
  





  27
  27
  
    
$cell-title-cover-border: false;

  		




  28
  28
  
    

  		




  29
  29
  
    
$carrousel-height: 440px;

  		




  30
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  30
  
    
$carrousel-text-position: bottom left;

  		




  31
  31
  
    
$carrousel-arrows: none;

  		




  32
  32
  
    
$carrousel-navigation-bullet-color: $primary-color;

  		




  33
  33
  
    
$carrousel-navigation-bullet-size: 10px;

  		












  

    
      static/nancy-en-direct/_vars.scss
    
  





  29
  29
  
    
$wcs-step-current-marker-color: black;

  		




  30
  30
  
    
$wcs-step-current-marker-background: $primary-color;

  		




  31
  31
  
    

  		




  32
  
  
    
$carrousel-text-position: top-right;

  		




  
  32
  
    
$carrousel-text-position: top right;

  		












  

    
      static/quimper/_vars.scss
    
  





  61
  61
  
    
$widget-focus-color: white;

  		




  62
  62
  
    

  		




  63
  63
  
    
$carrousel-arrows: none;

  		




  64
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  64
  
    
$carrousel-text-position: bottom left;

  		




  65
  65
  
    

  		




  66
  66
  
    
$wcs-steps-background: #b3b3b3;

  		




  67
  67
  
    
$wcs-step-current-color: $mauve;

  		












  

    
      static/signal-publik/_vars.scss
    
  





  55
  55
  
    
$widget-custom-radio-checkbox: true;

  		




  56
  56
  
    

  		




  57
  57
  
    
$carrousel-arrows: none;

  		




  58
  
  
    
$carrousel-text-position: bottom-left;

  		




  
  58
  
    
$carrousel-text-position: bottom left;

  		




  59
  59
  
    

  		




  60
  60
  
    
$form-sidebar-position: top;

  		




  61
  61
  
    
$bq-max--wcs-steps-small-layout: 800px;

  		




  62
  
  
    
-