[icinga-checkins] icinga.org: icinga-web/next: Improve scroll behavior of Cronk menu ( refs #3396)

git at icinga.org git at icinga.org
Wed Mar 13 17:47:15 CET 2013


Module: icinga-web
Branch: next
Commit: 23926e4559c5d5dfd9128f4a01f984be6c898451
URL:    https://git.icinga.org/?p=icinga-web.git;a=commit;h=23926e4559c5d5dfd9128f4a01f984be6c898451

Author: Markus Frosch <markus at lazyfrosch.de>
Date:   Wed Mar 13 17:28:08 2013 +0100

Improve scroll behavior of Cronk menu (refs #3396)

* better scrolling when many categories
* scrolling based on whole many, not box contents
* added background to avoid ugly white box

---

 .../js/Icinga/Cronks/System/CronkListingPanel.js   |    8 ++++++--
 pub/styles/icinga.css                              |    5 +++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/modules/Cronks/lib/js/Icinga/Cronks/System/CronkListingPanel.js b/app/modules/Cronks/lib/js/Icinga/Cronks/System/CronkListingPanel.js
index 312db86..ff0b680 100644
--- a/app/modules/Cronks/lib/js/Icinga/Cronks/System/CronkListingPanel.js
+++ b/app/modules/Cronks/lib/js/Icinga/Cronks/System/CronkListingPanel.js
@@ -155,7 +155,7 @@ Ext.ns('Icinga.Cronks.System');
 
                 CLP.add({
                     title: String.format('{0} ({1})', title, store.getCount()),
-                    autoScroll: true,
+                    autoScroll: false,
 
                     /*
                      * Bubbeling does not work because it collapse the 
@@ -279,7 +279,7 @@ Ext.ns('Icinga.Cronks.System');
             animate: true,
             renderHidden: false,
             hideCollapseTool: true,
-            fill: true
+            fill: false,
         },
         
         customCronkCredential: false,
@@ -293,6 +293,10 @@ Ext.ns('Icinga.Cronks.System');
             border: false
         },
 
+        bodyCfg: {
+            cls: 'icinga-cronk-list-panel-body',
+        },
+
         stateful: true,
 
         stateEvents: ['collapse'],
diff --git a/pub/styles/icinga.css b/pub/styles/icinga.css
index d148b45..3b8f39a 100644
--- a/pub/styles/icinga.css
+++ b/pub/styles/icinga.css
@@ -330,6 +330,11 @@ div.cronk-data-view .x-view-selected .thumb {
     background: transparent;
 }
 
+/* Cronk Menu Panel */
+div.icinga-cronk-list-panel-body {
+    background: #e5e5e5;
+}
+
 /* Command dataview (tackle) */
 div.tackle-command-view-item {
     margin-right: 0;





More information about the icinga-checkins mailing list