Micke/roundcubemail-plugins-kolab
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align the visual indication of active quickview mode with the calendar module

Browse source
This commit is contained in:
Thomas Bruederli 2014-09-19 12:46:06 +02:00
parent 3c222ed411
commit 2c5ee2e2bf
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
plugins/tasklist/skins/larry/tasklist.css
View file

@ -302,6 +302,15 @@ body.tasklist.attachmentwin #mainscreen {
background: url(sprites.png) right 20px no-repeat; background: url(sprites.png) right 20px no-repeat;
} }
.quickview-active #tasklistsbox .treelist li input,
.quickview-active #tasklistsbox .treelist li span.listname {
opacity: 0.35;
}
.quickview-active #tasklistsbox .treelist div.focusview span.listname {
opacity: 1.0;
}
#tasklistsbox .treelist div span.actions { #tasklistsbox .treelist div span.actions {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
@ -491,11 +500,16 @@ body.tasklist.attachmentwin #mainscreen {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding-bottom: 28px;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
overflow: visible; overflow: visible;
} }
.quickview-active #tasksview {
background-image: url('images/focusview.png');
background-position: center;
background-repeat: no-repeat;
}
#message.statusbar { #message.statusbar {
border-top: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3;
} }

4
plugins/tasklist/tasklist.js
View file

@ -2838,6 +2838,10 @@ function rcube_tasklist_ui(settings)
if (focusview) { if (focusview) {
li.addClass('focusview').find('a.quickview').attr('aria-checked', 'true'); li.addClass('focusview').find('a.quickview').attr('aria-checked', 'true');
$('body').addClass('quickview-active');
}
else {
$('body').removeClass('quickview-active');
} }
} }