From 2c5ee2e2bf669c9155e386730871b4dcc7c36c16 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <bruederli@kolabsys.com>
Date: Fri, 19 Sep 2014 12:46:06 +0200
Subject: [PATCH] Align the visual indication of active quickview mode with the
 calendar module

---
 plugins/tasklist/skins/larry/tasklist.css | 16 +++++++++++++++-
 plugins/tasklist/tasklist.js              |  4 ++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/plugins/tasklist/skins/larry/tasklist.css b/plugins/tasklist/skins/larry/tasklist.css
index 2b88c954..20ce2a62 100644
--- a/plugins/tasklist/skins/larry/tasklist.css
+++ b/plugins/tasklist/skins/larry/tasklist.css
@@ -302,6 +302,15 @@ body.tasklist.attachmentwin #mainscreen {
 	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 {
 	display: inline-block;
 	position: absolute;
@@ -491,11 +500,16 @@ body.tasklist.attachmentwin #mainscreen {
 	left: 0;
 	right: 0;
 	bottom: 0;
-	padding-bottom: 28px;
 	background: rgba(255, 255, 255, 0.2);
 	overflow: visible;
 }
 
+.quickview-active #tasksview {
+	background-image: url('images/focusview.png');
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
 #message.statusbar {
 	border-top: 1px solid #c3c3c3;
 }
diff --git a/plugins/tasklist/tasklist.js b/plugins/tasklist/tasklist.js
index 218b8db0..65f603e7 100644
--- a/plugins/tasklist/tasklist.js
+++ b/plugins/tasklist/tasklist.js
@@ -2838,6 +2838,10 @@ function rcube_tasklist_ui(settings)
 
         if (focusview) {
             li.addClass('focusview').find('a.quickview').attr('aria-checked', 'true');
+            $('body').addClass('quickview-active');
+        }
+        else {
+            $('body').removeClass('quickview-active');
         }
     }