[checkmk-commits] GUI CSS: Decoupled styles for bi from classic theme (CMK-1171)

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 &lt;ko(a)mathias-kettner.de&gt; 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";