apt repos: style grouping headers a bit different

else the repo/header difference is not that big, and it gets a bit
hard to read as it feels a bit monotonic

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 74c48bc7c51a07efa2410817948dd9f788a6f636..7d7cddf6b270b9c8285b60a4869d045c080223ca 100644 (file)
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -133,6 +133,14 @@ div.right-aligned {
     padding: 0;
 }
 
+.proxmox-apt-repos .x-grid-group-hd {
+    color: #000000;
+    background-color: #f5f5f5;
+}
+.proxmox-apt-repos .x-grid-group-title {
+    color: #333;
+}
+
 /* rules for the markdown content, prefix with the .pmx-md class */
 .pmx-md code {
     white-space: pre;

diff --git a/src/node/APTRepositories.js b/src/node/APTRepositories.js
index 49e46b304f4fa47e329d1edad6376e9585e189de..944f3bd61abd0ec3fea051a7c1d421fc370c6f82 100644 (file)
--- a/src/node/APTRepositories.js
+++ b/src/node/APTRepositories.js
@@ -50,6 +50,8 @@ Ext.define('Proxmox.node.APTRepositoriesGrid', {
 
     title: gettext('APT Repositories'),
 
+    cls: 'proxmox-apt-repos', // to allow applying styling to general components with local effect
+
     tbar: [
        {
            text: gettext('Reload'),