Move notification related css into footer-elements.less..

..and fix the border and z-index.
This commit is contained in:
Johannes Meyer 2015-06-17 13:37:11 +02:00
parent 460ea75e42
commit 858c015d4c
2 changed files with 38 additions and 41 deletions

View File

@ -5,4 +5,42 @@ div#footer {
left: 0px;
right: 0px;
bottom: 0px;
z-index: 9999;
}
/** Notifications **/
#notifications {
margin: 0;
padding: 0;
}
#notifications > li {
list-style-type: none;
display: block;
border-top: 1px solid #999;
color: white;
line-height: 2.5em;
padding-left: 3em;
background-repeat: no-repeat;
background-position: 1em center;
}
#notifications > li.info {
background-color: @colorFormNotificationInfo;
}
#notifications > li.warning {
background-color: @colorWarningHandled;
}
#notifications > li.error {
background-color: @colorCritical;
background-image: url(../img/icons/error_white.png);
}
#notifications > li.success {
background-color: #fe6;
background-image: url(../img/icons/success.png);
color: #333;
}
/** END of Notifications **/

View File

@ -23,47 +23,6 @@ img.icon {
border: none;
}
/** Notifications **/
#notifications {
margin: 0;
padding: 0;
li:first-child {
border-top: 2px solid @colorPetrol;
}
}
#notifications > li {
list-style-type: none;
display: block;
border-bottom: 1px solid #999;
color: white;
line-height: 2.5em;
padding-left: 3em;
background-repeat: no-repeat;
background-position: 1em center;
}
#notifications > li.info {
background-color: @colorFormNotificationInfo;
}
#notifications > li.warning {
background-color: @colorWarningHandled;
}
#notifications > li.error {
background-color: @colorCritical;
background-image: url(../img/icons/error_white.png);
}
#notifications > li.success {
background-color: #fe6;
background-image: url(../img/icons/success.png);
color: #333;
}
/** END of Notifications **/
/* TODO: Remove once there is no more module container */
.container > div > pre {
margin: 1em;