From bc19c6aa715e89545f318de46b15183ca5a2ce3f Mon Sep 17 00:00:00 2001 From: Thomas Gelf Date: Thu, 24 Mar 2016 02:48:50 +0100 Subject: [PATCH] css: improve overview responsiveness --- application/views/scripts/index/index.phtml | 2 +- public/css/module.less | 34 ++++----------------- 2 files changed, 7 insertions(+), 29 deletions(-) diff --git a/application/views/scripts/index/index.phtml b/application/views/scripts/index/index.phtml index 1eda3888..b78ecd5b 100644 --- a/application/views/scripts/index/index.phtml +++ b/application/views/scripts/index/index.phtml @@ -97,7 +97,7 @@ $all = array( array('book', $this->translate('Audit log'), 'director/config/activities', $this->translate('Wondering about what changed why? Track you changes!'), 'ok'), ), $this->translate('Deploy configuration to your Icinga nodes') => array( - array('wrench', $this->translate('Deployment'), 'director/config/deployments', $this->translate('Manage deployments, access audit log and history') . pendingDeployments($this), $this->undeployedActivities ? 'warning' : 'ok'), + array('wrench', $this->translate('Deployment'), 'director/config/deployments', $this->translate('Config deployment') . pendingDeployments($this), $this->undeployedActivities ? 'warning' : 'ok'), array('lock-open-alt', $this->translate('Api users'), 'director/apiusers', statSummary($this, 'apiuser')), array('cloud', $this->translate('Endpoints'), 'director/endpoints', statSummary($this, 'endpoint') . ( $this->hasDeploymentEndpoint ? '' : '. ' . $this->translate('None could be used for deployments right now')), $this->hasDeploymentEndpoint ? '' : 'critical'), array('globe', $this->translate('Zones'), 'director/zones', statSummary($this, 'zone')), diff --git a/public/css/module.less b/public/css/module.less index 3ce8efd5..7e9824e3 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -387,10 +387,9 @@ ul.main-actions { display: inline-block; padding: 0; clear: both; - width: 24%; + width: 19em; min-width: 16em; vertical-align: top; - margin: 0 0.5% 0.5% 0; a { i { @@ -447,42 +446,21 @@ ul.main-actions { } } -#layout.compact-layout ul.main-actions { - li { - width: 32%; - margin: 0 1% 1% 0; - a { height: 11em; } - > a > i { - font-size: 2.4em; - } - } -} - +#layout.compact-layout ul.main-actions, #layout.poor-layout ul.main-actions { li { - width: 30%; - margin: 0 0.5% 0.5% 0; - a { height: 11em; } + a { height: 12em; } > a > i { font-size: 2.4em; } } } -#layout.minimal-layout ul.main-actions { - li { - width: 48%; - margin: 0 1% 1% 0; - > a > i { - font-size: 1.8em; - } - } -} - +#layout.minimal-layout ul.main-actions, #layout.twocols ul.main-actions { li { - width: 48%; - margin: 0 1% 1% 0; + a { height: 12em; } + width: 16em; > a > i { font-size: 1.8em; }