Skip to content
Snippets Groups Projects

Separates banners from alerts

Merged Sascha Eggenberger requested to merge banners-alerts-cleanup into master
8 files
+ 62
88
Compare changes
  • Side-by-side
  • Inline
Files
8
  • 457f5a03
    Seperates banners from alerts · 457f5a03
    Sascha Eggenberger authored
    Groups banners and alerts independent from each other. Uses
    container width for alerts to unify alerts appearance.
    Moves top bar out of alert wrapper.
    
    Changelog: changed
@@ -2,32 +2,23 @@ $notification-box-shadow-color: rgba(0, 0, 0, 0.25);
.flash-container {
margin: 0;
margin-bottom: $gl-padding;
font-size: 14px;
position: relative;
z-index: 1;
@apply gl-flex;
@apply gl-flex-col;
@apply gl-gap-3;
&.sticky {
position: sticky;
top: $calc-application-header-height;
z-index: 251;
.flash-alert,
.flash-notice,
.flash-success,
.flash-warning {
margin-bottom: $gl-spacing-scale-4;
}
}
&.flash-container-page {
margin-bottom: 0;
}
&:empty {
margin: 0;
}
.close-icon-wrapper {
padding: ($gl-padding + $gl-padding-4) $gl-padding $gl-padding;
position: absolute;
@@ -78,11 +69,6 @@ $notification-box-shadow-color: rgba(0, 0, 0, 0.25);
display: inline-block;
}
.gl-alert {
margin-top: $gl-spacing-scale-4;
margin-bottom: $gl-spacing-scale-4;
}
&.flash-container-no-margin {
.gl-alert {
margin-top:0;
Loading