From 858c015d4cc3cedd06ea0c4c26d093d89bfdce90 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Wed, 17 Jun 2015 13:37:11 +0200 Subject: [PATCH] Move notification related css into footer-elements.less.. ..and fix the border and z-index. --- public/css/icinga/footer-elements.less | 38 ++++++++++++++++++++++++ public/css/icinga/main-content.less | 41 -------------------------- 2 files changed, 38 insertions(+), 41 deletions(-) diff --git a/public/css/icinga/footer-elements.less b/public/css/icinga/footer-elements.less index a9d513103..d9c49f100 100644 --- a/public/css/icinga/footer-elements.less +++ b/public/css/icinga/footer-elements.less @@ -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 **/ diff --git a/public/css/icinga/main-content.less b/public/css/icinga/main-content.less index 24297b991..635c1628f 100644 --- a/public/css/icinga/main-content.less +++ b/public/css/icinga/main-content.less @@ -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;