css: improve overview responsiveness

This commit is contained in:
Thomas Gelf 2016-03-24 02:48:50 +01:00
parent b09593ff75
commit bc19c6aa71
2 changed files with 7 additions and 29 deletions

View File

@ -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'), 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( $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('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('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')), array('globe', $this->translate('Zones'), 'director/zones', statSummary($this, 'zone')),

View File

@ -387,10 +387,9 @@ ul.main-actions {
display: inline-block; display: inline-block;
padding: 0; padding: 0;
clear: both; clear: both;
width: 24%; width: 19em;
min-width: 16em; min-width: 16em;
vertical-align: top; vertical-align: top;
margin: 0 0.5% 0.5% 0;
a { a {
i { i {
@ -447,42 +446,21 @@ ul.main-actions {
} }
} }
#layout.compact-layout 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.poor-layout ul.main-actions { #layout.poor-layout ul.main-actions {
li { li {
width: 30%; a { height: 12em; }
margin: 0 0.5% 0.5% 0;
a { height: 11em; }
> a > i { > a > i {
font-size: 2.4em; font-size: 2.4em;
} }
} }
} }
#layout.minimal-layout ul.main-actions { #layout.minimal-layout ul.main-actions,
li {
width: 48%;
margin: 0 1% 1% 0;
> a > i {
font-size: 1.8em;
}
}
}
#layout.twocols ul.main-actions { #layout.twocols ul.main-actions {
li { li {
width: 48%; a { height: 12em; }
margin: 0 1% 1% 0; width: 16em;
> a > i { > a > i {
font-size: 1.8em; font-size: 1.8em;
} }