Projet

Général

Profil

0001-caen-style-error-warning-success-and-info-messages-6.patch

Serghei Mihai (congés, retour 15/05), 16 février 2022 10:39

Télécharger (3,93 ko)

Voir les différences: 

Subject: [PATCH] caen: style error, warning success and info messages (#61164)


 static/caen/_custom.scss         | 23 +++++++++++++++++++++++
 static/caen/_vars.scss           |  3 +++
 static/caen/img/error-icon.svg   |  1 +
 static/caen/img/info-icon.svg    |  1 +
 static/caen/img/warning-icon.svg |  1 +
 5 files changed, 29 insertions(+)
 create mode 100644 static/caen/img/error-icon.svg
 create mode 100644 static/caen/img/info-icon.svg
 create mode 100644 static/caen/img/warning-icon.svg
static/caen/_custom.scss
1 
$notification-blocks:
2 
	"info" "info-icon" "#0d74ef",
3 
	"success" "info-icon" "#0d74ef",
4 
	"error" "error-icon" "#ff5801",
5 
	"warning" "warning-icon" "#ff1400",
6 
;
7 

  		




  
  8
  
    
@each $name, $img, $color in $notification-blocks {

  		




  
  9
  
    
	.#{$name}notice {

  		




  
  10
  
    
		border: 1px solid #{$color};

  		




  
  11
  
    
		color: #{$color};

  		




  
  12
  
    
		font-weight: bold;

  		




  
  13
  
    
		&::before {

  		




  
  14
  
    
			content: '';

  		




  
  15
  
    
			width: 1em;

  		




  
  16
  
    
			height: 1em;

  		




  
  17
  
    
			display: block;

  		




  
  18
  
    
			background: url('img/#{$img}.svg') center no-repeat;

  		




  
  19
  
    
		}

  		




  
  20
  
    
	}

  		




  
  21
  
    
}

  		




  
  22
  
    

  		




  
  23
  
    

  		




  1
  24
  
    
@mixin fill-viewport() {

  		




  2
  25
  
    
		width: 100vw;

  		




  3
  26
  
    
		margin-left: calc(-50vw + 50%);

  		












  

    
      static/caen/_vars.scss
    
  





  51
  51
  
    
$title-border-bottom: 2px solid black;

  		




  52
  52
  
    
$title-background: none;

  		




  53
  53
  
    

  		




  
  54
  
    
$notification_base_color: transparent;

  		




  
  55
  
    
$notification-icon-position: center;

  		




  
  56
  
    

  		




  54
  57
  
    
$cell-border: none;

  		




  55
  58
  
    
$cell-background: none;

  		




  56
  59
  
    
$cell-title-cover-border: false;

  		












  

    
      static/caen/img/error-icon.svg
    
  





  
  1
  
    
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#ff5801;}.cls-3{fill:none;stroke:#ff5801;stroke-miterlimit:10;stroke-width:3.5px;}</style></defs><rect class="cls-1" width="65" height="65" rx="32.5"/><circle class="cls-2" cx="32.5" cy="39.07" r="1.93"/><rect class="cls-2" x="30.57" y="22.25" width="3.86" height="12.68" rx="1.93" transform="translate(65 57.18) rotate(-180)"/><circle class="cls-3" cx="32" cy="32" r="17.5"/></svg>

  		












  

    
      static/caen/img/info-icon.svg
    
  





  
  1
  
    
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#0d74ef;}</style></defs><rect class="cls-1" width="65" height="65" rx="32.5"/><circle class="cls-2" cx="32.5" cy="18.21" r="3.71"/><rect class="cls-2" x="28.79" y="26.15" width="7.41" height="24.35" rx="3.5"/></svg>

  		












  

    
      static/caen/img/warning-icon.svg
    
  





  
  1
  
    
<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#ff1400;}</style></defs><rect class="cls-1" width="65" height="65" rx="32.5"/><circle class="cls-2" cx="32.5" cy="40.07" r="1.93"/><rect class="cls-2" x="30.57" y="23.25" width="3.86" height="12.68" rx="1.93" transform="translate(65 59.18) rotate(180)"/><path class="cls-2" d="M47.07,48.13H43.66a1.75,1.75,0,0,1,0-3.5h3.41A1.09,1.09,0,0,0,48,43L33.44,17.75a1.09,1.09,0,0,0-1.88,0L17,43a1.09,1.09,0,0,0,.95,1.63H35a1.75,1.75,0,0,1,0,3.5H17.93a4.59,4.59,0,0,1-4-6.88L28.53,16a4.59,4.59,0,0,1,7.94,0L51.05,41.25a4.59,4.59,0,0,1-4,6.88Z"/></svg>

  		




  0
  
  
    
-