[pve-devel] [PATCH manager 2/7] let cluster dashboard use full browser width

[Thomas Lamprecht]

On 2/20/18 1:41 PM, Dominik Csapak wrote:
> use one/two column layout instead of hardcoding width for the panels
> also optimize padding values

I'll get a slight visual glitch in the Cluster Dashboard with this:
https://i.imgur.com/mQXY4mY.png

> 
> Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
> ---
>  www/manager6/dc/Health.js  |  4 ++--
>  www/manager6/dc/Summary.js | 18 +++++++++++++-----
>  2 files changed, 15 insertions(+), 7 deletions(-)
> 
> diff --git a/www/manager6/dc/Health.js b/www/manager6/dc/Health.js
> index 3c7f17b5..fa1978bc 100644
> --- a/www/manager6/dc/Health.js
> +++ b/www/manager6/dc/Health.js
> @@ -4,8 +4,8 @@ Ext.define('PVE.dc.Health', {
>  
>      title: gettext('Health'),
>  
> -    bodyPadding: '0 20 0 20',
> -    height: 200,
> +    bodyPadding: 10,
> +    minHeight: 200,
>      layout: {
>  	type: 'hbox',
>  	align: 'stretch'
> diff --git a/www/manager6/dc/Summary.js b/www/manager6/dc/Summary.js
> index f984f58f..d2a52ff3 100644
> --- a/www/manager6/dc/Summary.js
> +++ b/www/manager6/dc/Summary.js
> @@ -4,13 +4,21 @@ Ext.define('PVE.dc.Summary', {
>  
>      scrollable: true,
>  
> -    bodyPadding: '10 0 0 0',
> +    bodyPadding: 5,
>  
>      layout: 'column',
>  
>      defaults: {
> -	width: 762,
> -	padding: '0 0 10 10'
> +	padding: 5,
> +	plugins: 'responsive',
> +	responsiveConfig: {
> +	    'width < 1900': {
> +		columnWidth: 1
> +	    },
> +	    'width >= 1900': {
> +		columnWidth: 0.5
> +	    }
> +	}
>      },
>  
>      items: [
> @@ -25,8 +33,8 @@ Ext.define('PVE.dc.Summary', {
>  	{
>  	    title: gettext('Resources'),
>  	    xtype: 'panel',
> -	    height: 250,
> -	    bodyPadding: '0 0 10 0',
> +	    minHeight: 250,
> +	    bodyPadding: 5,
>  	    layout: 'hbox',
>  	    defaults: {
>  		xtype: 'proxmoxGauge',
>