From e373dcc564d6c6700532e59752f24bdfaca6cd38 Mon Sep 17 00:00:00 2001 From: Thomas Lamprecht Date: Mon, 9 Nov 2020 17:45:03 +0100 Subject: [PATCH] ui: datastore/content: improve action button layout Fix font-size to 14px to improve font-awesome rendering, add some slight margin between the buttons so that they are not glued together, add a slight text-shadow on mouse over. Signed-off-by: Thomas Lamprecht --- www/css/ext6-pbs.css | 12 ++++++++++++ www/datastore/Content.js | 2 +- 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/www/css/ext6-pbs.css b/www/css/ext6-pbs.css index fb5df3ab..85892c1a 100644 --- a/www/css/ext6-pbs.css +++ b/www/css/ext6-pbs.css @@ -241,3 +241,15 @@ span.snapshot-comment-column { font-weight: bold; content: "V."; } + +.x-action-col-icon { + margin: 0 1px; + font-size: 14px; +} +.x-action-col-icon:before, .x-action-col-icon:after { + font-size: 14px; +} +.x-action-col-icon:hover:before, .x-action-col-icon:hover:after { + text-shadow: 1px 1px 1px #AAA; + font-weight: 800; +} diff --git a/www/datastore/Content.js b/www/datastore/Content.js index aa749813..acd4184b 100644 --- a/www/datastore/Content.js +++ b/www/datastore/Content.js @@ -595,7 +595,7 @@ Ext.define('PBS.DataStoreContent', { header: gettext('Actions'), xtype: 'actioncolumn', dataIndex: 'text', - width: 120, + width: 140, items: [ { handler: 'onVerify',