0001-scss-introduce-pk-information-attention-error-classe.patch

Frédéric Péters, 10 août 2020 12:00

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

Subject: [PATCH] scss: introduce pk-information/attention/error classes
 (#33135)

 help/fr/misc-css-classes.page | 24 +++++++++++++++
 static/includes/_cells.scss   |  2 +-
 static/includes/_library.scss | 12 ++++++++
 static/includes/_misc.scss    | 56 ++++++++++++++++++++++++++---------
 4 files changed, 79 insertions(+), 15 deletions(-)

        « titre et liens », pour cela le texte doit contenir un titre
        (&lt;h2&gt;) suivi d'une liste de liens (&lt;ul&gt;).</p></td>
      </tr>
      <tr>
       <td><p><code>pk-information</code></p></td>
       <td><p>Donne à la cellule le style de bloc d’information.</p></td>
      </tr>
      <tr>
       <td><p><code>pk-attention</code></p></td>
       <td><p>Donne à la cellule le style de bloc d’attention.</p></td>
      </tr>
      <tr>
       <td><p><code>pk-error</code></p></td>
       <td><p>Donne à la cellule le style de bloc d’erreur.</p></td>
      </tr>
     </table>
     </section>
-...
       <td><p>Marque le champ comme étant particulièrement important, le rendu sera
       généralement un libellé mis en gras.</p></td>
      </tr>
      <tr>
       <td><p><code>pk-information</code></p></td>
       <td><p>Marque le champ commentaire avec le style de bloc d’information.</p></td>
      </tr>
      <tr>
       <td><p><code>pk-attention</code></p></td>
       <td><p>Marque le champ commentaire avec le style de bloc d’attention.</p></td>
      </tr>
      <tr>
       <td><p><code>pk-error</code></p></td>
       <td><p>Marque le champ commentaire avec le style de bloc d’erreur.</p></td>
      </tr>
     </table>
     </section>

     div.a2-continue,
     div#services > ul > li,
     div.a2-block,
     .gru-content div.cell,
     .gru-content .cell,
     .block {
     	text-align: left;
     	background: $cell-background;

     		width: 30%;
+    	}
+    }
     .pk-information {
     	@include notification-message($notification_info_color, "\f05a");
+    }
     .pk-attention {
     	@include notification-message($notification_warning_color, "\f071");
+    }
     .pk-error {
     	@include notification-message($notification_error_color, "\f06a");
+    }

     //  border-icon: colored icon on left boder
     $notification-style: classic !default;
     $notification-left-padding: 4rem;
     @if $notification-style == border-icon {
     	$notification-left-padding: 2rem;
+    }
     div.textcell {
     	h3, h4, h5, p, table {
     		margin: 0.7em 0.5rem;
-...
+    	}
+    }
     @mixin notification-message($color, $symbol) {
     @mixin notification-message-base($color, $symbol) {
     	box-sizing: content-box;
     	background: $color;
     	color: text-color($color);
     	margin: 1rem 0;
     	padding: 0.5rem;
     	padding-left: 4rem;
     	padding-left: $notification-left-padding;
     	position: relative;
     	@if $notification-style == border-icon {
     		border-left: 4px solid darken($color, 40%);
     		padding-left: 2rem;
+    	}
     	min-height: 2rem;
-...
+    	}
+    }
     #messages li.error, .errornotice {
     	@include notification-message($notification_error_color, "\f06a");
+    }
     @mixin notification-message($color, $symbol) {
     	@include notification-message-base($color, $symbol);
     	&[class*=grid-].comment-field {
     		// adapt when used as comment field in grid system.
     		@if $grid-gutter != 0px {
     			box-sizing: border-box;
+    		}
     		margin-right: 1rem;
+    	}
     	&:not([class*=grid-]).comment-field {
     		// clear everything if not in a grid.
     		clear: both;
+    	}
     #messages li.warning, .warningnotice {
     	@include notification-message($notification_warning_color, "\f071");
     	&.cell {
     		// increased selector weight is required for cells.
     		background: $color !important;
     		padding-bottom: 0.5em !important;
     		h2:first-child {
     			color: darken($color, 40%) !important;
     			border-color: darken($color, 40%) !important;
+    		}
     		& > div {
     			padding-left: $notification-left-padding;
+    		}
+    	}
+    }
     #messages li.success, .successnotice {
     	@include notification-message($notification_success_color, "\f058"); // check-circle
+    }
     #messages li.error { @include notification-message-base($notification_error_color, "\f06a") }
     .errornotice { @include notification-message($notification_error_color, "\f06a"); }
     #messages li.info, .infonotice {
     	@include notification-message($notification_info_color, "\f05a");
+    }
     #messages li.warning { @include notification-message-base($notification_warning_color, "\f071"); }
     .warningnotice { @include notification-message($notification_warning_color, "\f071"); }
     #messages li.success { @include notification-message-base($notification_success_color, "\f058"); } // check-circle
     .successnotice { @include notification-message($notification_success_color, "\f058"); }
     #messages li.info { @include notification-message-base($notification_info_color, "\f05a"); }
     .infonotice { @include notification-message($notification_info_color, "\f05a"); }
     #messages li {
     	&.error, &.warning, &.success, &.info {
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

0001-scss-introduce-pk-information-attention-error-classe.patch