From 7e15f68a7a7ff4fd96bf87d500b652bf7c065dcf Mon Sep 17 00:00:00 2001 From: Florian Strohmaier Date: Tue, 12 Apr 2016 15:03:13 +0200 Subject: [PATCH] CSS: Beautify state-badges --- modules/monitoring/public/css/module.less | 22 ++++++++++++++++++++++ public/css/icinga/mixins.less | 4 +--- 2 files changed, 23 insertions(+), 3 deletions(-) diff --git a/modules/monitoring/public/css/module.less b/modules/monitoring/public/css/module.less index d803f41a5..4783bd6f4 100644 --- a/modules/monitoring/public/css/module.less +++ b/modules/monitoring/public/css/module.less @@ -45,6 +45,28 @@ padding-right: 0; } } + + .state-badge-group li { + margin-right: 1px; + } + + .state-badge-group li:last-child { + margin-right: 0; + } + + .state-badge-group .badge { + border-radius: 0; + } + + .state-badge-group li:first-child > .badge { + border-top-left-radius: 0.4em; + border-bottom-left-radius: 0.4em; + } + + .state-badge-group li:last-child > .badge { + border-top-right-radius: 0.4em; + border-bottom-right-radius: 0.4em; + } } // Performance data pie charts diff --git a/public/css/icinga/mixins.less b/public/css/icinga/mixins.less index 40d98f457..33c6fe022 100644 --- a/public/css/icinga/mixins.less +++ b/public/css/icinga/mixins.less @@ -56,9 +56,7 @@ } .rounded-corners(@border-radius: 0.4em) { - -webkit-border-radius: @border-radius; - -moz-border-radius: @border-radius; - border-radius: @border-radius; + border-radius: @border-radius; -webkit-background-clip: padding-box; -moz-background-clip: padding;