summaryrefslogtreecommitdiff
path: root/skins/larry
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2013-02-07 17:18:54 +0100
committerThomas Bruederli <thomas@roundcube.net>2013-02-07 17:18:54 +0100
commitde98a897f618c4d251a4d3a5e3d2e4f2bb9a441b (patch)
treec475a35efb5c25d4258206644c3706039cb2be4c /skins/larry
parent86552ffc8f0f76651747a1faaed9bbda6d015f98 (diff)
Add link to pop the address group stack; add animations when pushing/popping lists (in larry skin)
Diffstat (limited to 'skins/larry')
-rw-r--r--skins/larry/addressbook.css7
-rw-r--r--skins/larry/images/listicons.pngbin32360 -> 26384 bytes
-rw-r--r--skins/larry/styles.css4
-rw-r--r--skins/larry/ui.js33
4 files changed, 43 insertions, 1 deletions
diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css
index 8d8a61b88..090e54c7b 100644
--- a/skins/larry/addressbook.css
+++ b/skins/larry/addressbook.css
@@ -175,6 +175,13 @@
text-overflow: ellipsis;
}
+#addresslist .boxtitle a.poplink {
+ color: #004458;
+ font-size: 14px;
+ line-height: 12px;
+ text-decoration: none;
+}
+
#contact-frame {
position: absolute;
top: 0;
diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png
index 5e48f1737..e4ffef660 100644
--- a/skins/larry/images/listicons.png
+++ b/skins/larry/images/listicons.png
Binary files differ
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 613a08aa1..335641394 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -995,6 +995,10 @@ table.listing tr.droptarget td {
background-color: #e8e798;
}
+.listbox table.listing {
+ background-color: #d9ecf4;
+}
+
table.listing,
table.layout {
border: 0;
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index d2638bbca..dad109319 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -175,6 +175,8 @@ function rcube_mail_ui()
/*** addressbook task ***/
else if (rcmail.env.task == 'addressbook') {
rcmail.addEventListener('afterupload-photo', show_uploadform);
+ rcmail.addEventListener('beforepushgroup', push_contactgroup);
+ rcmail.addEventListener('beforepopgroup', pop_contactgroup);
if (rcmail.env.action == '') {
new rcube_splitter({ id:'addressviewsplitterd', p1:'#addressview-left', p2:'#addressview-right',
@@ -745,6 +747,35 @@ function rcube_mail_ui()
});
}
+ function push_contactgroup(p)
+ {
+ // lets the contacts list swipe to the left, nice!
+ var table = $('#contacts-table'),
+ scroller = table.parent().css('overflow', 'hidden');
+
+ table.clone()
+ .css({ position:'absolute', top:'0', left:'0', width:table.width()+'px', 'z-index':10 })
+ .appendTo(scroller)
+ .animate({ left: -(table.width()+5) + 'px' }, 300, 'swing', function(){
+ $(this).remove();
+ scroller.css('overflow', 'auto')
+ });
+ }
+
+ function pop_contactgroup(p)
+ {
+ // lets the contacts list swipe to the left, nice!
+ var table = $('#contacts-table'),
+ scroller = table.parent().css('overflow', 'hidden'),
+ clone = table.clone().appendTo(scroller);
+
+ table.css({ position:'absolute', top:'0', left:-(table.width()+5) + 'px', width:table.width()+'px', height:table.height()+'px', 'z-index':10 })
+ .animate({ left:'0' }, 300, 'linear', function(){
+ clone.remove();
+ $(this).css({ position:'relative', left:'0', width:'100%', height:'auto', 'z-index':1 });
+ scroller.css('overflow', 'auto')
+ });
+ }
function show_uploadform()
{
@@ -755,7 +786,7 @@ function rcube_mail_ui()
$dialog.dialog('close');
return;
}
-
+
// add icons to clone file input field
if (rcmail.env.action == 'compose' && !$dialog.data('extended')) {
$('<a>')