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'),
),
$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')),

View File

@ -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;
}