[icinga-checkins] icinga.org: icingaweb2/feature/announce-banner-11198: Center icon and close button vertically

git at icinga.org git at icinga.org
Wed Nov 9 11:56:04 CET 2016


Module: icingaweb2
Branch: feature/announce-banner-11198
Commit: 79b8b626a077132c81551e8050fed7da8a6283eb
URL:    https://git.icinga.org/?p=icingaweb2.git;a=commit;h=79b8b626a077132c81551e8050fed7da8a6283eb

Author: Florian Strohmaier <florian.strohmaier at netways.de>
Date:   Wed Nov  9 11:56:01 2016 +0100

Center icon and close button vertically

---

 public/css/icinga/main.less |   13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
index a60d800..3cb6751 100644
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@@ -6,7 +6,7 @@
   background: @gray-lightest;
   box-shadow: inset 0 0 12px rgba(0,0,0,.2);
 
-  > li:before {
+  > li:after {
     content: "\e811";
     background: rgba(0,0,0,.1);
     font-size: 1.4285em;
@@ -14,7 +14,8 @@
     color: @text-color-light;
     text-align: center;
     position: absolute;
-    left: .5em;
+    top: 50%; left: .5em;
+    margin-top: -0.8em;
     padding: .3em;
     border-radius: 50%;
     line-height: 1;
@@ -29,6 +30,11 @@
     line-height: 1.4;
   }
 
+  > li .message {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
   > li:last-child {
     border-bottom: none;
   }
@@ -36,7 +42,8 @@
   .button-close {
     position: absolute;
     display: block;
-    top: 1em; right: 12px;
+    top: 50%; right: 12px;
+    margin-top: -0.6em;
     background: none;
     border: none;
   }



More information about the icinga-checkins mailing list