Bug 27695: (follow-up) Add specificity to CSS changes

This patch moves the definition of .alert and .error classes into the
block for .dialog in order to make sure they don't have an effect beyond
the desired scope.

The ".closebtn" section is redundant and has been removed.

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
(cherry picked from commit c42c24fa03)
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
This commit is contained in:
Owen Leonard 2021-04-09 18:07:48 +00:00 committed by Fridolin Somers
parent 7d03dfb599
commit 6fccb68222
1 changed files with 11 additions and 19 deletions

View File

@ -1754,30 +1754,22 @@ i {
text-align: right;
}
}
}
.alert,
.error {
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
border: 1px solid #E0C726;
color: inherit;
text-align: center;
text-shadow: none;
&.alert,
&.error {
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
border: 1px solid #E0C726;
color: inherit;
text-align: center;
text-shadow: none;
strong {
color: #900;
}
// Redefine a new style for Bootstrap's class "close" since we use that already
// Use <a class="closebtn" href="#">&times;</a>
.closebtn {
line-height: 20px;
position: relative;
right: -21px;
top: -2px;
strong {
color: #900;
}
}
}
.approve,
.success {
i {