5fb2ce80c6
The navbar should have been using the built in navbar-fixed-top class as it is a fixed top navbar. After added the correct class, the correct z-index value was added via Bootstrap, then the messages container simply needed to add a z-index that would appropriately place it above dropdowns. The user menu was simply a symptom of the overall problem, where all the dropdowns in the navbar needed to behave the same way. The z-index variables of the theme were used, therefore the incorrect stacking of the messages over the spinner and the modal were fixed at the same time. It was noted that the right padding of the messages was using the incorrect padding variable. This was corrected. Closes-bug: #1408640 Co-Authored-By: Diana Whitten <hurgleburgler@gmail.com> Change-Id: I1d59049d43e74c2a897673307593993f4291da39
27 lines
476 B
SCSS
27 lines
476 B
SCSS
.messages {
|
|
position: fixed;
|
|
z-index: $zindex-dropdown + 1;
|
|
padding-top: $padding-small-vertical;
|
|
right: $padding-large-horizontal;
|
|
|
|
// TODO (hurgleburlger) RESPONSIVE
|
|
// We will readdress this when we address the responsiveness of Horizon
|
|
width: 300px;
|
|
|
|
.alert {
|
|
&.alert-default {
|
|
background-color: $gray-light;
|
|
}
|
|
|
|
p {
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|