Commit 8ca63226 authored by Kushal Pandya's avatar Kushal Pandya

Merge branch 'icons-to-alerts' into 'master'

Add icons to alerts

Closes #37317

See merge request gitlab-org/gitlab!22760
parents 7465e2d1 55dede68
-# We currently only support `alert`, `notice`, `success`, 'toast' -# We currently only support `alert`, `notice`, `success`, 'toast'
- icons = {'alert' => 'error', 'notice' => 'information-o', 'success' => 'check-circle'};
.flash-container.flash-container-page.sticky .flash-container.flash-container-page.sticky
- flash.each do |key, value| - flash.each do |key, value|
- if key == 'toast' && value - if key == 'toast' && value
.js-toast-message{ data: { message: value } } .js-toast-message{ data: { message: value } }
- elsif value - elsif value
%div{ class: "flash-#{key} mb-2" } %div{ class: "flash-#{key} mb-2" }
= sprite_icon(icons[key], size: 16, css_class: 'align-middle mr-1') unless icons[key].nil?
%span= value %span= value
%div{ class: "close-icon-wrapper js-close-icon" } %div{ class: "close-icon-wrapper js-close-icon" }
= sprite_icon('close', size: 16, css_class: 'close-icon') = sprite_icon('close', size: 16, css_class: 'close-icon')
---
title: Fix aligment for icons on alerts
merge_request: 22760
author: Rajendra Kadam
type: added
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment