Replace bootstrap alerts in app/.../show.html.haml

app/views/profiles/notifications/show.html.haml

@@ -3,10 +3,14 @@
 
 %div
   - if @user.errors.any?
-    .gl-alert.gl-alert-danger
-      %ul
-        - @user.errors.full_messages.each do |msg|
-          %li= msg
+    .gl-alert.gl-alert-danger.gl-my-5
+      %button.js-close.gl-alert-dismiss{ type: 'button', 'aria-label' => _('Dismiss') }
+        = sprite_icon('close', css_class: 'gl-icon')
+      = sprite_icon('error', css_class: 'gl-icon gl-alert-icon gl-alert-icon-no-title')
+      .gl-alert-body
+        %ul
+          - @user.errors.full_messages.each do |msg|
+            %li= msg
 
   = hidden_field_tag :notification_type, 'global'
   .row.gl-mt-3

changelogs/unreleased/233675-replace-bootstrap-alerts-in-app-views-profiles-notifications-show-.yml

+---
+title: Replace bootstrap alerts in app/views/profiles/notifications/show.html.haml
+merge_request: 41310
+author: Gilang Gumilar
+type: changed