tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-27 07:44:04 +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; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-left: 12em;
} }
#notifications > li { #notifications > li {
background: no-repeat 1em center; color: @text-color;
border-top: 1px solid @gray-light;
color: @body-bg-color;
display: block; display: block;
line-height: 2.5em; 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 { &:hover {
cursor: pointer; cursor: pointer;
} }
&.error { &.error {
background-color: @color-notification-error; border-color: @color-down;
background-image: url(../img/icons/error_white.png); background: @color-down;
color: @body-bg-color;
.icon {
color: @body-bg-color;
}
} }
&.info { &.info {
background-color: @color-notification-info; border-color: @color-pending;
.icon {
color: @color-pending;
}
} }
&.success { &.success {
background-color: @color-notification-success; border-color: @color-ok;
background-image: url(../img/icons/success.png);
color: @text-color-inverted; .icon {
color: @color-ok;
}
} }
&.warning { &.warning {
background-color: @color-notification-warning; border-color: @color-warning;
background: @color-warning;
color: @body-bg-color;
.icon {
color: @body-bg-color;
}
} }
} }