plugins/calendar plugins/kolab_addressbook plugins/kolab_notes plugins/tasklist

Thomas Brüderli bruederli at kolabsys.com
Mon Jul 14 09:19:16 CEST 2014


 plugins/calendar/skins/larry/templates/calendar.html |    5 +++--
 plugins/kolab_addressbook/kolab_addressbook.js       |    5 +++--
 plugins/kolab_notes/skins/larry/templates/notes.html |    5 +++--
 plugins/tasklist/skins/larry/templates/mainview.html |    5 +++--
 4 files changed, 12 insertions(+), 8 deletions(-)

New commits:
commit 8845dc032d3dc0bf277578a04d1820df1a0cea4d
Author: Thomas Bruederli <bruederli at kolabsys.com>
Date:   Mon Jul 14 09:19:09 2014 +0200

    Use effective box title height when unfolding the folder search box

diff --git a/plugins/calendar/skins/larry/templates/calendar.html b/plugins/calendar/skins/larry/templates/calendar.html
index 0b8350c..4f3228c 100644
--- a/plugins/calendar/skins/larry/templates/calendar.html
+++ b/plugins/calendar/skins/larry/templates/calendar.html
@@ -262,14 +262,15 @@ $(document).ready(function(e){
 
 	// animation to unfold list search box
 	$('#calendars .boxtitle a.search').click(function(e){
-		var box = $('#calendars .listsearchbox'),
+		var title = $('#calendars .boxtitle'),
+			box = $('#calendars .listsearchbox'),
 			dir = box.is(':visible') ? -1 : 1;
 
 		box.slideToggle({
 			duration: 160,
 			progress: function(animation, progress) {
 				if (dir < 0) progress = 1 - progress;
-				$('#calendars .scroller').css('top', (34 + 34 * progress) + 'px');
+				$('#calendars .scroller').css('top', (title.outerHeight() + 34 * progress) + 'px');
 			},
 			complete: function() {
 				box.toggleClass('expanded');
diff --git a/plugins/kolab_addressbook/kolab_addressbook.js b/plugins/kolab_addressbook/kolab_addressbook.js
index c213a6b..ee60569 100644
--- a/plugins/kolab_addressbook/kolab_addressbook.js
+++ b/plugins/kolab_addressbook/kolab_addressbook.js
@@ -107,14 +107,15 @@ if (window.rcmail) {
                 rcmail.gettext('findaddressbooks', 'kolab_addressbook') + '</a>')
                 .appendTo('#directorylistbox h2.boxtitle')
                 .click(function(e){
-                    var box = $('#directorylistbox .listsearchbox'),
+                    var title = $('#directorylistbox .boxtitle'),
+                        box = $('#directorylistbox .listsearchbox'),
                         dir = box.is(':visible') ? -1 : 1;
 
                     box.slideToggle({
                         duration: 160,
                         progress: function(animation, progress) {
                             if (dir < 0) progress = 1 - progress;
-                            $('#directorylistbox .scroller').css('top', (34 + 34 * progress) + 'px');
+                            $('#directorylistbox .scroller').css('top', (title.outerHeight() + 34 * progress) + 'px');
                         },
                         complete: function() {
                             box.toggleClass('expanded');
diff --git a/plugins/kolab_notes/skins/larry/templates/notes.html b/plugins/kolab_notes/skins/larry/templates/notes.html
index 6f6fec6..e5f0edf 100644
--- a/plugins/kolab_notes/skins/larry/templates/notes.html
+++ b/plugins/kolab_notes/skins/larry/templates/notes.html
@@ -166,14 +166,15 @@ $(document).ready(function(e){
 
     // animation to unfold list search box
     $('#notebooksbox .boxtitle a.search').click(function(e){
-        var box = $('#notebooksbox .listsearchbox'),
+        var title = $('#notebooksbox .boxtitle'),
+            box = $('#notebooksbox .listsearchbox'),
             dir = box.is(':visible') ? -1 : 1;
 
         box.slideToggle({
             duration: 160,
             progress: function(animation, progress) {
                 if (dir < 0) progress = 1 - progress;
-                $('#notebooksbox .scroller').css('top', (34 + 34 * progress) + 'px');
+                $('#notebooksbox .scroller').css('top', (title.outerHeight() + 34 * progress) + 'px');
             },
             complete: function() {
                 box.toggleClass('expanded');
diff --git a/plugins/tasklist/skins/larry/templates/mainview.html b/plugins/tasklist/skins/larry/templates/mainview.html
index 5a2baf9..3003067 100644
--- a/plugins/tasklist/skins/larry/templates/mainview.html
+++ b/plugins/tasklist/skins/larry/templates/mainview.html
@@ -201,14 +201,15 @@ $(document).ready(function(e){
 
 	// animation to unfold list search box
 	$('#tasklistsbox .boxtitle a.search').click(function(e){
-		var box = $('#tasklistsbox .listsearchbox'),
+		var title = $('#tasklistsbox .boxtitle'),
+			box = $('#tasklistsbox .listsearchbox'),
 			dir = box.is(':visible') ? -1 : 1;
 
 		box.slideToggle({
 			duration: 160,
 			progress: function(animation, progress) {
 				if (dir < 0) progress = 1 - progress;
-				$('#tasklistsbox .scroller').css('top', (34 + 34 * progress) + 'px');
+				$('#tasklistsbox .scroller').css('top', (title.outerHeight() + 34 * progress) + 'px');
 			},
 			complete: function() {
 				box.toggleClass('expanded');




More information about the commits mailing list