tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-04-08 17:15:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

CSS: Update styles for #notifications

Browse Source
This commit is contained in:
Florian Strohmaier 2021-06-16 14:26:22 +02:00 committed by Johannes Meyer
parent 5b43e358fd
commit 532c2ed109
1 changed files with 36 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/css/icinga/layout.less
View File

@ -200,37 +200,62 @@
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 12em;
}
#notifications > li {
background: no-repeat 1em center;
border-top: 1px solid @gray-light;
color: @body-bg-color;
color: @text-color;
display: block;
line-height: 2.5em;
padding-left: 3em;
border-left: .5em solid @gray-light;
background: @body-bg-color;
margin-bottom: 1px;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.25);
.icon {
padding: .5em;
width: 3em;
text-align: center;
}
&:hover {
cursor: pointer;
}
&.error {
background-color: @color-notification-error;
background-image: url(../img/icons/error_white.png);
border-color: @color-down;
background: @color-down;
color: @body-bg-color;
.icon {
color: @body-bg-color;
}
}
&.info {
background-color: @color-notification-info;
border-color: @color-pending;
.icon {
color: @color-pending;
}
}
&.success {
background-color: @color-notification-success;
background-image: url(../img/icons/success.png);
color: @text-color-inverted;
border-color: @color-ok;
.icon {
color: @color-ok;
}
}
&.warning {
background-color: @color-notification-warning;
border-color: @color-warning;
background: @color-warning;
color: @body-bg-color;
.icon {
color: @body-bg-color;
}
}
}