Module: check_mk
Branch: master
Commit: 875436862f4982fb674ba26b594de4095ecf5ef0
URL:
http://git.mathias-kettner.de/git/?p=check_mk.git;a=commit;h=875436862f4982…
Author: Kenneth Okoh <ko(a)mathias-kettner.de>
Date: Thu Mar 28 12:01:41 2019 +0100
GUI CSS: Decoupled styles for bi from classic theme (CMK-1171)
Change-Id: Ie526fc1239c634699aaf6c13119557a43dcbbd68
---
web/htdocs/themes/facelift/scss/_bi.scss | 195 +++++++++++++++++++++++++++++
web/htdocs/themes/facelift/scss/_main.scss | 23 +---
web/htdocs/themes/facelift/theme.scss | 2 +-
3 files changed, 197 insertions(+), 23 deletions(-)
diff --git a/web/htdocs/themes/facelift/scss/_bi.scss
b/web/htdocs/themes/facelift/scss/_bi.scss
new file mode 100644
index 0000000..5912636
--- /dev/null
+++ b/web/htdocs/themes/facelift/scss/_bi.scss
@@ -0,0 +1,195 @@
+/*
++------------------------------------------------------------------+
+| ____ _ _ __ __ _ __ |
+| / ___| |__ ___ ___| | __ | \/ | |/ / |
+| | | | '_ \ / _ \/ __| |/ / | |\/| | ' / |
+| | |___| | | | __/ (__| < | | | | . \ |
+| \____|_| |_|\___|\___|_|\_\___|_| |_|_|\_\ |
+| |
+| Copyright Mathias Kettner 2012 mk(a)mathias-kettner.de |
++------------------------------------------------------------------+
+
+This file is part of Check_MK.
+The official homepage is at
http://mathias-kettner.de/check_mk.
+
+check_mk is free software; you can redistribute it and/or modify it
+under the terms of the GNU General Public License as published by
+the Free Software Foundation in version 2. check_mk is distributed
+in the hope that it will be useful, but WITHOUT ANY WARRANTY; with-
+out even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+PARTICULAR PURPOSE. See the GNU General Public License for more de-
+ails. You should have received a copy of the GNU General Public
+License along with GNU Make; see the file COPYING. If not, write
+to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor,
+Boston, MA 02110-1301 USA.
+
+*/
+
+/*-------------------------------------------------------------------------.
+| ____ ___ |
+| | __ )_ _| |
+| | _ \| | |
+| | |_) | | |
+| |____/___| |
+| |
++--------------------------------------------------------------------------+
+| Styles used by the Business-Intelligence module. |
+'-------------------------------------------------------------------------*/
+
+.aggrtree ul.subtree {
+ padding-top: 0;
+ padding-bottom: 3px;
+ padding-left: 3px;
+ margin-top: 4px;
+ margin-left: 34px;
+ list-style-type: none;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ border-left: 1px solid #aaa;
+ border-radius: 3px;
+}
+
+tr.odd0 .aggrtree ul.subtree {
+ border-color: #ccc;
+}
+tr.even0 .aggrtree ul.subtree {
+ border-color: #aaa;
+}
+.aggrtree ul.subtree li {
+ padding: 0;
+ padding-bottom: 1px;
+ margin: 0;
+ margin-top: 2px;
+}
+
+.aggrtree span.title span.content.name {
+ cursor: pointer;
+}
+
+.aggrtree span.state {
+ display: inline-block;
+ width: 34px;
+ padding: 0;
+ margin-right: 3px;
+ font-weight: bold;
+ text-align: center;
+ border-color: #eee #888 #999 #ccc;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
+}
+
+.aggrtree a.assumption img.icon,
+.aggrtree img.bi.icon {
+ width: 13px;
+ height: 13px;
+ margin: 0;
+ margin-right: 0;
+ vertical-align: middle;
+}
+
+.aggrtree img.bi.icon {
+ position: relative;
+ top: -1px;
+ margin-right: 5px;
+ margin-left: 0;
+}
+
+b.bullet {
+ margin: 0 5px;
+ color: #aaa;
+}
+
+.state.assumed {
+ background-image: url("images/assume_bg.png");
+ background-repeat: repeat;
+}
+
+.aggrtree img.treeangle {
+ width: 15px;
+ height: 15px;
+ margin-right: 2px;
+ margin-left: 0;
+ vertical-align:middle;
+}
+
+table.aggrtree {
+ width: 100%;
+ border-collapse: collapse;
+}
+table.aggrtree td.leaf.odd {
+ background-color: #e0e0e0;
+}
+table.aggrtree td.leaf.even {
+ background-color: #f0f0f0;
+}
+table.aggrtree td.node {
+ background-color: #e8e8e8;
+}
+
+td.aggrtree_box {
+ line-height: 22px;
+}
+.bibox_box {
+ padding: 1px 3px;
+ margin: 0 0 0 0;
+ margin-right: 3px;
+ cursor: pointer;
+ border-color: black;
+ border-style: solid;
+ border-width: 1px;
+}
+.bibox_box.open.noleaf {
+ box-shadow: inset 0.5px 0.5px 3px #444;
+}
+.bibox_box.noleaf:hover {
+ border-style: dashed;
+}
+.bibox_box.closed.noleaf {
+ box-shadow: 0.5px 0.5px 3px #000;
+}
+.bibox_box.leaf {
+ border-color: white;
+}
+.bibox {
+ padding: 0;
+}
+table.aggrtree.ltr td {
+ padding: 3px;
+ border: 1px solid #ccc;
+}
+
+body.main .aggrtree img.treeangle {
+ filter: invert(0%);
+}
+
+table.data.table .bi_tree_container .title {
+ padding: 0;
+ font-weight: $theme-font-weight-global;
+ color: $theme-color-text;
+}
+
+table.data.table .bi_tree_container .title li {
+ padding: 4px 8px;
+ list-style-type: none;
+}
+
+table.data.table .bi_tree_container .title ul.subtree {
+ padding: 0 0 0 18px;
+ margin: 8px 0 0 18px;
+ list-style-type: none;
+ border: none;
+ border-left: 1px solid $theme-color-darkgrey;
+ border-radius: 0;
+}
+
+table.data.table .bi_tree_container .title ul.subtree li {
+ margin-top: 8px;
+ list-style-type: none;
+}
+
+table.data.table .bi_tree_container .title .state {
+ padding: 0 6px;
+ margin-right: 4px;
+ border-radius: 2px;
+}
diff --git a/web/htdocs/themes/facelift/scss/_main.scss
b/web/htdocs/themes/facelift/scss/_main.scss
index f0a40b7..c15dda1 100644
--- a/web/htdocs/themes/facelift/scss/_main.scss
+++ b/web/htdocs/themes/facelift/scss/_main.scss
@@ -116,7 +116,7 @@ body.main .popup_menu a, body.main .popup_menu span, body.main
table.footer, bod
.op {
width: 60px !important; }
-.aggrtree img.treeangle, .bi_rule_tree img.treeangle, .invtree img.treeangle,
.grouped_row_header img.treeangle.nform {
+.bi_rule_tree img.treeangle, .invtree img.treeangle, .grouped_row_header
img.treeangle.nform {
filter: invert(0%) !important; }
table {
@@ -322,27 +322,6 @@ table {
font-size: $theme-font-size-global;
text-transform: uppercase;
letter-spacing: $theme-letter-spacing-table; }
- table.data.table .bi_tree_container .title {
- color: $theme-color-text;
- font-weight: $theme-font-weight-global;
- padding: 0px; }
- table.data.table .bi_tree_container .title li {
- padding: 4px 8px;
- list-style-type: none; }
- table.data.table .bi_tree_container .title ul.subtree {
- border: none;
- border-left: 1px solid $theme-color-darkgrey;
- padding: 0px 0px 0px 18px;
- border-radius: 0px;
- margin: 8px 0px 0px 18px;
- list-style-type: none; }
- table.data.table .bi_tree_container .title ul.subtree li {
- margin-top: 8px;
- list-style-type: none; }
- table.data.table .bi_tree_container .title .state {
- border-radius: 2px;
- padding: 0px 6px;
- margin-right: 4px; }
table.data.check_catalog tbody tr td.title {
display: table-cell; }
table.data.headerleft.sla tbody tr td, table.data.headerleft.sla tbody tr td.sla {
diff --git a/web/htdocs/themes/facelift/theme.scss
b/web/htdocs/themes/facelift/theme.scss
index 9635d04..c6b4512 100644
--- a/web/htdocs/themes/facelift/theme.scss
+++ b/web/htdocs/themes/facelift/theme.scss
@@ -10,7 +10,6 @@
@import "../classic/scss/_check_mk.scss";
@import "../classic/scss/_pages.scss";
@import "../classic/scss/_status.scss";
-@import "../classic/scss/_bi.scss";
@import "../classic/scss/_dashboard.scss";
@import "../classic/scss/_logwatch.scss";
@import "../classic/scss/_prediction.scss";
@@ -34,6 +33,7 @@
@import "scss/_variables.scss";
@import "scss/_main.scss";
@import "scss/_pages.scss";
+@import "scss/_bi.scss";
@import "scss/_login.scss";
@import "scss/_tables.scss";
@import "scss/_sidebar.scss";