Improve integration with kolab skin (all skin files moved to the skin repo)

plugins/kolab_delegation/kolab_delegation.php

@@ -497,8 +497,8 @@ class kolab_delegation extends rcube_plugin
         $write_ico = $attrib['writeicon'] ? html::img(array('src' => $path . $attrib['writeicon'], 'title' => $this->gettext('write'))) : '';
 
         $table = new html_table(array('cellspacing' => 0));
-        $table->add_header('read', $read_ico);
-        $table->add_header('write', $write_ico);
+        $table->add_header(array('class' => 'read', 'title' => $this->gettext('read')), $read_ico);
+        $table->add_header(array('class' => 'write', 'title' => $this->gettext('write')), $write_ico);
         $table->add_header('foldername', $this->rc->gettext('folder'));
 
         $checkbox_read  = new html_checkbox(array('name' => 'read[]', 'class' => 'read'));

plugins/kolab_delegation/skins/kolab/style.css

@@ -1,107 +0,0 @@
-/* Stylesheets for the Kolab Delegation configuration UI */
-
-#sectionslist {
-	width: 220px;
-}
-
-#prefs-box {
-	position: absolute;
-	top: 0;
-	left: 232px;
-	right: 0;
-	bottom: 0;
-}
-
-#delegation-frame {
-	border-radius: 3px;
-}
-
-#delegates-table {
-	width: 100%;
-	table-layout: fixed;
-}
-
-div.foldersblock {
-	float: left;
-	margin: 0 3em 2em 0;
-	padding: 0;
-}
-
-div.foldersblock h3 {
-	font-size: 14px;
-	color: #333;
-	margin: 0 0 0.6em 0;
-	padding: 2px 4px 2px 30px;
-}
-
-div.foldersblock h3.contact {
-	background-position: 4px -18px;
-}
-
-div.foldersblock h3.event {
-	background-position: 4px -38px;
-}
-
-div.foldersblock h3.task {
-	background-position: 4px -58x;
-}
-
-div.foldersblock h3.note {
-	background-position: 4px -78px;
-}
-
-#delegatefolders thead td {
-	color: #69939e;
-	font-weight: bold;
-	padding: 2px;
-    padding-top: 4px;
-	min-width: 2em;
-	background: #d6eaf3;
-	border-bottom: 2px solid #fff;
-	text-align: center;
-}
-
-#delegatefolders thead td.foldername {
-  text-align: left;
-}
-
-#delegatefolders thead td img {
-	cursor: pointer;
-}
-
-#delegatefolders tbody td {
-	background: #eee;
-	padding: 2px;
-	border-bottom: 2px solid #fff;
-}
-
-#delegatefolders td label {
-	display: block;
-}
-
-#delegatefolders td.mailbox {
-	padding-right: 3em;
-	padding-left: 2px;
-	min-width: 12em;
-}
-
-#delegatefolders td.virtual {
-	color: #999;
-}
-
-#delegatefolders {
-	overflow: auto;
-	margin-top: 0.5em;
-}
-
-#delegate-delete-dialog {
-	display: none;
-}
-
-#delegate-delete-dialog p {
-	font-weight: bold;
-}
-
-#delegate-delete-dialog input {
-	vertical-align: middle;
-}

plugins/kolab_delegation/skins/kolab/templates/editform.html

@@ -1 +0,0 @@
-../../larry/templates/editform.html

plugins/kolab_delegation/skins/kolab/templates/settings.html

@@ -1 +0,0 @@
-../../larry/templates/settings.html

plugins/kolab_delegation/skins/larry/style.css

@@ -8,14 +8,10 @@
   background-position: 6px -23px;
 }
 
-#sectionslist {
-	width: 220px;
-}
-
 #prefs-box {
 	position: absolute;
 	top: 0;
-	left: 232px;
+	left: 272px;
 	right: 0;
 	bottom: 0;
 }
@@ -114,3 +110,15 @@ div.foldersblock h3.note {
 #delegate-delete-dialog input {
 	vertical-align: middle;
 }
+
+.foldersblock th.read {
+  background: url(read.png) center no-repeat;
+  width: 18px;
+  height: 20px;
+}
+
+.foldersblock th.write {
+  background: url(write.png) center no-repeat;
+  width: 18px;
+  height: 20px;
+}

plugins/kolab_delegation/skins/larry/templates/editform.html

@@ -11,7 +11,7 @@
 <div id="preferences-details" class="boxcontent">
 	<form action="#" method="post" id="delegateform">
 		<roundcube:object name="plugin.delegateform" form="delegateform" class="propform" />
-		<roundcube:object name="plugin.delegatefolders" form="delegateform" id="delegatefolders" readicon="read.png" writeicon="write.png" />
+		<roundcube:object name="plugin.delegatefolders" form="delegateform" id="delegatefolders" />
 	</form>
 </div>