public inbox for pbs-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: Dietmar Maurer <dietmar@proxmox.com>
To: pbs-devel@lists.proxmox.com
Subject: [pbs-devel] [PATCH proxmox-backup] ui: improve prune simulator layout
Date: Fri,  6 Nov 2020 12:13:34 +0100	[thread overview]
Message-ID: <20201106111334.13615-1-dietmar@proxmox.com> (raw)

---
 docs/prune-simulator/prune-simulator.js | 36 +++++++++++++++----------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/docs/prune-simulator/prune-simulator.js b/docs/prune-simulator/prune-simulator.js
index 505eb852..70c1f10b 100644
--- a/docs/prune-simulator/prune-simulator.js
+++ b/docs/prune-simulator/prune-simulator.js
@@ -31,7 +31,7 @@ Ext.onReady(function() {
 	extend: 'Ext.Panel',
 	alias: 'widget.prunesimulatorDocumentation',
 
-	html: '<iframe style="width:100%;height:100%" src="./documentation.html"/>',
+	html: '<iframe style="width:100%;height:100%;border:0px;" src="./documentation.html"/>',
     });
 
     Ext.define('PBS.prunesimulator.CalendarEvent', {
@@ -126,6 +126,7 @@ Ext.onReady(function() {
 		{
 		    xtype: 'grid',
 		    store: me.store,
+		    border: false,
 		    columns: [
 			{
 			    header: 'Backup Time',
@@ -532,7 +533,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 4,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -542,7 +542,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -552,7 +551,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 5,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -562,7 +560,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 2,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -572,7 +569,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -582,7 +578,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	],
 
@@ -635,16 +630,20 @@ Ext.onReady(function() {
 	    me.items = [
 		{
 		    xtype: 'panel',
-		    layout: 'hbox',
-		    height: 180,
+		    layout: {
+			type: 'hbox',
+			align: 'stretch',
+		    },
+		    border: false,
 		    items: [
 			{
 			    title: 'View',
 			    layout: 'anchor',
 			    flex: 1,
+			    border: false,
+			    bodyPadding: 10,
 			    items: [
 				{
-				    padding: '0 0 0 10',
 				    xtype: 'checkbox',
 				    name: 'showCalendar',
 				    reference: 'showCalendar',
@@ -652,7 +651,6 @@ Ext.onReady(function() {
 				    checked: false,
 				},
 				{
-				    padding: '0 0 0 10',
 				    xtype: 'checkbox',
 				    name: 'showColors',
 				    reference: 'showColors',
@@ -680,32 +678,42 @@ Ext.onReady(function() {
 				},
 			    ],
 			},
+			{ xtype: "panel", width: 1, border: 1 },
 			{
 			    layout: 'anchor',
 			    flex: 1,
+			    border: false,
 			    title: 'Backup Schedule',
+			    bodyPadding: 10,
 			    items: scheduleItems,
 			},
 		    ],
 		},
 		{
 		    xtype: 'panel',
-		    layout: 'hbox',
+		    layout: {
+			type: 'hbox',
+			align: 'stretch',
+		    },
 		    flex: 1,
+		    border: false,
 		    items: [
 			{
 			    layout: 'anchor',
 			    title: 'Prune Options',
+			    border: false,
+			    bodyPadding: 10,
 			    items: me.keepItems,
 			    flex: 1,
 			},
+			{ xtype: "panel", width: 1, border: 1 },
 			{
 			    layout: 'fit',
 			    title: 'Backups',
+			    border: false,
 			    xtype: 'prunesimulatorPruneList',
 			    store: me.pruneStore,
 			    reference: 'pruneList',
-			    height: '100%',
 			    flex: 1,
 			},
 		    ],
@@ -746,7 +754,7 @@ Ext.onReady(function() {
 	    {
 		xtype: 'prunesimulatorDocumentation',
 		title: 'Usage',
-		margins: '5 0 0 0',
+		border: false,
 		region: 'center',
 	    },
 	],
-- 
2.20.1




                 reply	other threads:[~2020-11-06 11:14 UTC|newest]

Thread overview: [no followups] expand[flat|nested]  mbox.gz  Atom feed

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20201106111334.13615-1-dietmar@proxmox.com \
    --to=dietmar@proxmox.com \
    --cc=pbs-devel@lists.proxmox.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal