summaryrefslogtreecommitdiff
path: root/plugins/tasklist
diff options
context:
space:
mode:
authorThomas Bruederli <bruederli@kolabsys.com>2015-01-21 09:29:50 (GMT)
committerThomas Bruederli <bruederli@kolabsys.com>2015-01-21 09:29:50 (GMT)
commitafa4133177ce369736237029d742890f162360ed (patch)
tree6658fa45fb6bd5ef52b1d970612600794b4c6e28 /plugins/tasklist
parent7b9d36b039b6be57bdef8631dc38470bb57f44ba (diff)
downloadroundcubemail-plugins-kolab-afa4133177ce369736237029d742890f162360ed.tar.gz
Align the event/task attachment viewer with the attachment view from mail view
Diffstat (limited to 'plugins/tasklist')
-rw-r--r--plugins/tasklist/skins/larry/tasklist.css56
-rw-r--r--plugins/tasklist/skins/larry/templates/attachment.html55
2 files changed, 96 insertions, 15 deletions
diff --git a/plugins/tasklist/skins/larry/tasklist.css b/plugins/tasklist/skins/larry/tasklist.css
index 2aaf44b..b47e496 100644
--- a/plugins/tasklist/skins/larry/tasklist.css
+++ b/plugins/tasklist/skins/larry/tasklist.css
@@ -30,10 +30,6 @@ ul.toolbarmenu li span.icon.taskadd,
display: none;
}
-body.tasklist.attachmentwin #mainscreen {
- top: 32px;
-}
-
.tasklistview #mainscreen {
min-width: 1000px !important;
min-height: 520px !important;
@@ -1393,6 +1389,58 @@ div.messagetasklinks .messagetaskref input.complete {
}
+.tasklist.attachmentwin #attachmenttoolbar {
+ position: relative;
+ top: -6px;
+ height: 40px;
+}
+
+.tasklist.attachmentwin #attachmentcontainer {
+ position: absolute;
+ top: 0;
+ left: 232px;
+ right: 0;
+ bottom: 0;
+}
+
+.tasklist.attachmentwin #attachmentframe {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ background-color: #fff;
+ border-radius: 4px;
+}
+
+.tasklist.attachmentwin #partheader {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 220px;
+ bottom: 0;
+}
+
+.tasklist.attachmentwin #partheader table {
+ table-layout: fixed;
+ overflow: hidden;
+}
+
+.tasklist.attachmentwin #partheader table td {
+ color: #666;
+ padding: 4px 6px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.tasklist.attachmentwin #partheader table td.header {
+ font-weight: bold;
+}
+
+.tasklist.attachmentwin #partheader table td.title {
+ width: 60px;
+ padding-right: 0;
+}
+
+
/** Special hacks for IE7 **/
/** They need to be in this file to also affect the task-create dialog embedded in mail view **/
diff --git a/plugins/tasklist/skins/larry/templates/attachment.html b/plugins/tasklist/skins/larry/templates/attachment.html
index c07f854..68d4dd9 100644
--- a/plugins/tasklist/skins/larry/templates/attachment.html
+++ b/plugins/tasklist/skins/larry/templates/attachment.html
@@ -7,26 +7,59 @@
<body class="extwin tasklist attachmentwin">
<div id="header">
- <div id="topnav">
- <div class="topright">
- <a href="#close" class="closelink" onclick="self.close()"><roundcube:label name="close" /></a>
- </div>
+<div id="topline" role="banner" aria-labelledby="aria-label-topnav">
+ <div class="topleft">
+ <roundcube:container name="topline-left" id="topline-left" />
+ </div>
+ <roundcube:container name="topline-center" id="topline-center" />
+ <div class="topright">
+ <roundcube:container name="topline-right" id="topline-right" />
+ <roundcube:button name="close" type="link" label="close" class="closelink" onclick="self.close()" />
</div>
-
- <br style="clear:both" />
+</div>
</div>
<div id="mainscreen">
- <div id="partheader" class="uibox">
- <roundcube:object name="plugin.attachmentcontrols" class="headers-table" />
+
+<h1 class="voice"><roundcube:label name="attachment" />: <roundcube:var name="env:filename" /></h1>
+
+<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
+<div id="attachmenttoolbar" class="toolbar fullwidth" role="toolbar" aria-labelledby="aria-label-toolbar">
+ <roundcube:button command="download-attachment" type="link" class="button download disabled" classAct="button download" classSel="button download pressed" label="download" title="download" />
+ <roundcube:button command="print-attachment" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="print" />
+ <roundcube:container name="toolbar" id="messagetoolbar" />
+</div>
+
+<div id="mainscreencontent">
+
+ <div id="partheader" class="uibox listbox" role="contentinfo" aria-labelledby="aria-label-contentinfo">
+ <h2 class="boxtitle" id="aria-label-contentinfo"><roundcube:label name="properties" /></h2>
+ <div class="scroller">
+ <roundcube:object name="plugin.attachmentcontrols" class="listing" />
+ </div>
</div>
- <div id="attachmentcontainer" class="uibox">
- <roundcube:object name="plugin.attachmentframe" id="attachmentframe" class="header-table" style="width:100%" />
+ <div id="attachmentcontainer" class="uibox" role="main" aria-labelledby="aria-label-messagepart">
+ <h2 id="aria-label-messagepart" class="voice"><roundcube:label name="arialabelattachmentpreview" /></h2>
+ <div class="iframebox">
+ <roundcube:object name="plugin.attachmentframe" id="attachmentframe" frameborder="0" title="arialabelattachmentpreview" />
+ </div>
</div>
</div>
+</div>
+
+<script type="text/javascript">
+
+$(document).ready(function() {
+ if (window.rcube_splitter) {
+ new rcube_splitter({ id:'mailpartsplitterv', p1:'#partheader', p2:'#attachmentcontainer',
+ orientation:'v', relative:true, start:226, min:150, size:12}).init();
+ }
+});
+
+</script>
+
</body>
</html>
-