Projet

Général

Profil

0001-scss-reorganize-code-of-notifications-to-easily-cust.patch

Thomas Jund, 10 février 2022 11:39

Télécharger (2,84 ko)

Voir les différences: 

Subject: [PATCH] scss: reorganize code of notifications to easily customize in
 themes (#48914)

reorganize code of notifications to easily customize in themes

 static/includes/_library.scss |  8 ++++----
 static/includes/_misc.scss    | 18 +++++++-----------
 2 files changed, 11 insertions(+), 15 deletions(-)
static/includes/_library.scss
151 151 
}
152 152 

  		




  153
  153
  
    
.pk-information {

  		




  154
  
  
    
	@include notification-message($notification_info_color, "\f05a");

  		




  
  154
  
    
	&.cell { @extend .infonotice; }

  		




  155
  155
  
    
}

  		




  156
  156
  
    

  		




  157
  157
  
    
.pk-attention {

  		




  158
  
  
    
	@include notification-message($notification_warning_color, "\f071");

  		




  
  158
  
    
	&.cell { @extend .warningnotice; }

  		




  159
  159
  
    
}

  		




  160
  160
  
    

  		




  161
  161
  
    
.pk-error {

  		




  162
  
  
    
	@include notification-message($notification_error_color, "\f06a");

  		




  
  162
  
    
	&.cell { @extend .errornotice; }

  		




  163
  163
  
    
}

  		




  164
  164
  
    

  		




  165
  165
  
    
.pk-success {

  		




  166
  
  
    
	@include notification-message($notification_success_color, "\f058"); // check-circle

  		




  
  166
  
    
	&.cell { @extend .successnotice; }

  		




  167
  167
  
    
}

  		












  

    
      static/includes/_misc.scss
    
  





  384
  384
  
    
}

  		




  385
  385
  
    

  		




  386
  386
  
    
@mixin notification-message($color, $symbol) {

  		




  387
  
  
    
	&, &.cell {

  		




  388
  
  
    
		@include notification-message-base($color, $symbol);

  		




  389
  
  
    
	}

  		




  
  387
  
    
	@include notification-message-base($color, $symbol);

  		




  390
  388
  
    
	&[class*=grid-].comment-field {

  		




  391
  389
  
    
		// adapt when used as comment field in grid system.

  		




  392
  390
  
    
		@if $grid-gutter != 0px {

  		




  ......




  410
  408
  
    
	}

  		




  411
  409
  
    
}

  		




  412
  410
  
    

  		




  413
  
  
    
#messages li.error { @include notification-message-base($notification_error_color, "\f06a") }

  		




  414
  411
  
    
.errornotice { @include notification-message($notification_error_color, "\f06a"); }

  		




  415
  
  
    

  		




  416
  
  
    
#messages li.warning { @include notification-message-base($notification_warning_color, "\f071"); }

  		




  417
  412
  
    
.warningnotice { @include notification-message($notification_warning_color, "\f071"); }

  		




  418
  
  
    

  		




  419
  
  
    
#messages li.success { @include notification-message-base($notification_success_color, "\f058"); } // check-circle

  		




  420
  
  
    
.successnotice { @include notification-message($notification_success_color, "\f058"); }

  		




  421
  
  
    

  		




  422
  
  
    
#messages li.info { @include notification-message-base($notification_info_color, "\f05a"); }

  		




  
  413
  
    
.successnotice { @include notification-message($notification_success_color, "\f058"); } // check-circle

  		




  423
  414
  
    
.infonotice { @include notification-message($notification_info_color, "\f05a"); }

  		




  424
  415
  
    

  		




  
  416
  
    
#messages li.error { @extend .errornotice; }

  		




  
  417
  
    
#messages li.warning { @extend .warningnotice; }

  		




  
  418
  
    
#messages li.success { @extend .successnotice; }

  		




  
  419
  
    
#messages li.info { @extend .infonotice; }

  		




  
  420
  
    

  		




  425
  421
  
    
form ul.errorlist.nonfield {

  		




  426
  422
  
    
	margin-top: 0;

  		




  427
  423
  
    
	li {

  		




  428
  
  
    
-