0001-scss-allow-left-cell-image-position-41741.patch

Serghei Mihai, 16 avril 2020 15:05

Voir les différences: en ligne côte à côte

Subject: [PATCH] scss: allow left cell image position (#41741)

 help/fr/misc-scss.page      | 10 ++++++-
 static/includes/_cells.scss | 52 ++++++++++++++++++++++++++++++++-----
 2 files changed, 55 insertions(+), 7 deletions(-)

       <td><p>Position de l'image qui peut être associée à une cellule « démarches
       d'une catégorie », les valeurs possibles sont <var>top</var> pour
       avoir l'image en haut de cellule et <var>after-title</var> pour avoir
       l'image après le titre de cellule.</p></td>
       l'image après le titre de cellule, <var>left-of-title</var> pour
       avoir l'image à gauche du titre de la cellule</p></td>
       <td><p><var>after-title</var></p></td>
      </tr>
      <tr>
       <td><p><code>$cell-image-width</code></p></td>
       <td><p>Largeur, en pixels, de l'image qui peut être associée à une
       cellule « démarches d'une catégorie ». Le titre de la cellule sera
       afin de laisser de ne pas interférer avec l'image</p></td>
       <td><p><var>50px</var></p></td>
      </tr>
      <tr>
       <td><p><code>$cell-image-padding</code></p></td>
       <td><p>Espace autour de l'image qui peut être associée à une cellule « démarches

     // $cell-image-position: define where is set the associated image (in
     // "forms of category"; possible values are:
     //  top: top of the cell
     //  left-of-title: to the left of title
     //  after-title: after the title (default)
     $cell-image-position: after-title !default;
     // $cell-image-width: define the width of the associated image (in
     // "forms of category" cell;
     $cell-image-width: 50px !default;
     // $cell-image-padding: define padding of cell image.
     $cell-image-padding: 0.5rem !default;
-...
     		display: block;
     		padding: $cell-image-padding;
+    	}
     	@if $cell-image-position == top {
     	@if $cell-image-position == top  or $cell-image-position == left-of-title {
     		> div {
     			display: -ms-flexbox;
     			display: flex;
     			flex-direction: column;
     			-ms-flex-direction: column;
     			picture {
     				img {
     					border-radius: $cell-border-radius $cell-border-radius 0 0;
+    				}
     				@if $cell-title-cover-border == true {
     					margin: #{extract-width($cell-border) * -1};
+    				}
+    			}
     			> h2:first-child {
     				border-radius: 0;
+    			}
+    		}
+    	}
     	@if $cell-image-position == top {
     		> div {
     			div {
     				-ms-flex-order: 4;
     				order: 4;
-...
     			picture {
     				-ms-flex-order: 0;
     				order: 0;
+    			}
     			> h2:first-child {
     				-ms-flex-order: 1;
     				order: 1;
+    			}
+    		}
     		&.foldable {
     			> div > picture {
     				cursor: pointer;
+    			}
+    		}
+    	}
     	@else if $cell-image-position == left-of-title {
     		> div {
     			position: relative;
     			picture {
     				position: absolute;
     				top: $cell-image-padding / 2;
     				left: 0;
     				img {
     					border-radius: $cell-border-radius $cell-border-radius 0 0;
     					width: $cell-image-width;
+    				}
     				@if $cell-title-cover-border == true {
     					margin: #{extract-width($cell-border) * -1};
+    				}
+    			}
     			> h2:first-child {
     				-ms-flex-order: 1;
     				order: 1;
     				border-radius: 0;
     				padding-left: $cell-image-width + 5px;
+    			}
     			> picture {
     				display: block;
+    			}
+    		}
     		&.foldable {
     			> div > picture {
     				cursor: pointer;
     				display: block;
+    			}
+    		}
+    	}
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-scss-allow-left-cell-image-position-41741.patch