summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Bruederli <bruederli@kolabsys.com>2014-07-14 07:19:09 (GMT)
committerThomas Bruederli <bruederli@kolabsys.com>2014-07-14 07:19:09 (GMT)
commit8845dc032d3dc0bf277578a04d1820df1a0cea4d (patch)
tree84c04e1329d46accc6441435f09bd52aa835bcaa
parentf212dea78c14a46d73295ecb30a56c919ae51810 (diff)
downloadroundcubemail-plugins-kolab-8845dc032d3dc0bf277578a04d1820df1a0cea4d.tar.gz
Use effective box title height when unfolding the folder search box
-rw-r--r--plugins/calendar/skins/larry/templates/calendar.html5
-rw-r--r--plugins/kolab_addressbook/kolab_addressbook.js5
-rw-r--r--plugins/kolab_notes/skins/larry/templates/notes.html5
-rw-r--r--plugins/tasklist/skins/larry/templates/mainview.html5
4 files changed, 12 insertions, 8 deletions
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');