diff --git a/modules/monitoring/application/views/scripts/list/hostgroup-grid.phtml b/modules/monitoring/application/views/scripts/list/hostgroup-grid.phtml index a8570a702..c5f9b4d9d 100644 --- a/modules/monitoring/application/views/scripts/list/hostgroup-grid.phtml +++ b/modules/monitoring/application/views/scripts/list/hostgroup-grid.phtml @@ -3,6 +3,11 @@ tabs ?>
sortBox ?> + + icon('th-list', null, ['class' => '-inactive']) ?> + icon('th-thumb-empty', null, ['class' => '-active']) ?> +
filterEditor ?> diff --git a/modules/monitoring/application/views/scripts/list/hostgroups.phtml b/modules/monitoring/application/views/scripts/list/hostgroups.phtml index 8984c4820..6a8152c37 100644 --- a/modules/monitoring/application/views/scripts/list/hostgroups.phtml +++ b/modules/monitoring/application/views/scripts/list/hostgroups.phtml @@ -8,6 +8,11 @@ if (! $this->compact): ?>
limiter ?> sortBox ?> + + icon('th-list', null, ['class' => '-active']) ?> + icon('th-thumb-empty', null, ['class' => '-inactive']) ?> +
filterEditor ?> diff --git a/modules/monitoring/application/views/scripts/list/servicegroup-grid.phtml b/modules/monitoring/application/views/scripts/list/servicegroup-grid.phtml index 3c3b32d38..cc2e044bc 100644 --- a/modules/monitoring/application/views/scripts/list/servicegroup-grid.phtml +++ b/modules/monitoring/application/views/scripts/list/servicegroup-grid.phtml @@ -3,6 +3,11 @@ tabs ?>
sortBox ?> + + icon('th-list', null, ['class' => '-inactive']) ?> + icon('th-thumb-empty', null, ['class' => '-active']) ?> +
filterEditor ?> @@ -209,4 +214,4 @@ if (! $serviceGroups->hasResult()): ?> - \ No newline at end of file + diff --git a/modules/monitoring/application/views/scripts/list/servicegroups.phtml b/modules/monitoring/application/views/scripts/list/servicegroups.phtml index 994a36747..442352cc1 100644 --- a/modules/monitoring/application/views/scripts/list/servicegroups.phtml +++ b/modules/monitoring/application/views/scripts/list/servicegroups.phtml @@ -7,6 +7,11 @@ if (! $this->compact): ?>
limiter ?> sortBox ?> + + icon('th-list', null, ['class' => '-active']) ?> + icon('th-thumb-empty', null, ['class' => '-inactive']) ?> +
filterEditor ?> diff --git a/modules/monitoring/public/css/module.less b/modules/monitoring/public/css/module.less index dbcc44638..21e96e3ad 100644 --- a/modules/monitoring/public/css/module.less +++ b/modules/monitoring/public/css/module.less @@ -42,6 +42,26 @@ } // Hostgroup- and servicegroup-grid styles + +.grid-toggle-link { + display: inline-block; + margin-left: 1em; + text-decoration: none; + vertical-align: middle; + + > i { + font-size: 1.25em; + + &.-active { + color: @icinga-blue; + } + + &.-inactive { + color: @gray-light; + } + } +} + .group-grid { display: grid; grid-gap: 1em 3em;