mirror of
https://bitbucket.org/jsuto/piler.git
synced 2025-06-13 00:07:03 +02:00
mobile theme fixes and enhancements
This commit is contained in:
SJ
@ -31,9 +31,6 @@
|
||||
|
||||
#main { margin: 0px 40px 20px 40px; width: 100%; text-align: left; float: left; clear: both; }
|
||||
|
||||
.sleek { margin:0; padding:0; }
|
||||
.center { text-align: center; }
|
||||
|
||||
#expertsearch { position: absolute; border: 0px solid black; right: 20px; left: 20px; text-align: left; font-family: normal 19px "Trebuchet MS", Arial, Verdana; margin-top: 18px; }
|
||||
|
||||
#resultsheader { display: none; }
|
||||
@ -61,15 +58,17 @@
|
||||
|
||||
#results { float: left; width: 100%; margin-top: 0px; margin-bottom: 0px; border-collapse: collapse; display: table; clear: both; }
|
||||
|
||||
#mailpreviewframe { text-align: left; overflow:auto; }
|
||||
#results th { font-size:14px; }
|
||||
|
||||
.download_icon { margin: 0px 0 -15px 0; border: 0px solid black; }
|
||||
#mailpreviewframe { text-align: left; overflow:auto; }
|
||||
|
||||
#sspinner { position: relative; width: 60%; border: 0px solid #999999; color: #000000; font-weight: bold; vertical-align: middle; text-align: left; padding: 15px; z-index: 1; display: none; margin: auto; margin-top: 150px; }
|
||||
|
||||
table { resize:both; }
|
||||
|
||||
.row { display: table-row; }
|
||||
.row.savedsearch { display: table-row; text-align: right; }
|
||||
.resultrow { display: table-row; height: 18px; font-style: italic; font-size:14px; font-family: "Trebuchet MS", Arial, Verdana; }
|
||||
.resultrow { display: table-row; height: 18px; font-style: italic; font-size:12px; font-family: "Trebuchet MS", Arial, Verdana; }
|
||||
.resultrow a { color: #3d3d3d; }
|
||||
.resultrow.odd { background: #f5f5f5; }
|
||||
.resultrow.new { font-style: normal; }
|
||||
@ -141,6 +140,8 @@
|
||||
|
||||
.bold { font-weight: bold; }
|
||||
.left { text-align: left; }
|
||||
.center { text-align: center; }
|
||||
.sleek { margin:0; padding:0; }
|
||||
|
||||
.messagecontents {background-color:#fff; padding:8px; font-size:14px; font-family: "Trebuchet MS", Arial, Verdana; }
|
||||
|
||||
@ -158,7 +159,7 @@
|
||||
#mailcontframe { position: absolute; width: 100%; top: 0; bottom: 0; border: 1px solid #999999; background-color: #F9F9F9; overflow: hidden; }
|
||||
#mailpreviewframe { position: absolute; width: 100%; top: 205px; bottom: 0px; border: 1px solid #999999; background-color: #F9F9F9; }
|
||||
|
||||
.boxlistcontent { position: absolute; top: 5px; bottom: 50px; left: 0; right: 0; width: 100%; overflow-y: auto; overflow-x: hidden; height: auto; }
|
||||
.boxlistcontent { position: absolute; top: 0px; bottom: 50px; left: 0; right: 0; width: 100%; overflow-y: auto; overflow-x: hidden; height: auto; }
|
||||
.boxfooter { position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; border-top: 1px solid #999; }
|
||||
|
||||
.splitter { user-select: none; -moz-user-select: none; -khtml-user-select: none; position: absolute; background: url(/view/theme/mobile/images/dimple.png) center no-repeat; }
|
||||
@ -167,6 +168,11 @@
|
||||
|
||||
.message_highlight { background: lightblue; }
|
||||
|
||||
.rc-handle-container { position: relative; }
|
||||
.rc-handle { position: absolute; width: 7px; cursor: ew-resize; margin-left: -3px; z-index: 2; }
|
||||
table.rc-table-resizing { cursor: ew-resize; }
|
||||
table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a { cursor: ew-resize; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -23,6 +23,10 @@
|
||||
<script type="text/javascript" src="/view/javascript/jquery-ui-custom.min.js"></script>
|
||||
<script type="text/javascript" src="/view/javascript/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/view/javascript/rc-splitter.js"></script>
|
||||
|
||||
<script type="text/javascript" src="/view/javascript/store.js"></script>
|
||||
<script type="text/javascript" src="/view/javascript/jquery.resizableColumns.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="/view/javascript/piler.js"></script>
|
||||
|
||||
<?php if(BRANDING_FAVICON) { ?><link rel="shortcut icon" href="<?php print BRANDING_FAVICON; ?>" /><?php } ?>
|
||||
@ -127,6 +131,5 @@ $(document).ready(function(){
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -4,44 +4,48 @@
|
||||
<div id="results">
|
||||
|
||||
<?php if($n > 0) { ?>
|
||||
<table class="table table-condensed" style="width: 98%;">
|
||||
|
||||
<table class="table table-condensed" data-resizable-columns-id="search-table">
|
||||
|
||||
<thead>
|
||||
|
||||
<tr>
|
||||
<td><input type="checkbox" id="bulkcheck" name="bulkcheck" value="1" <?php if(SEARCH_RESULT_CHECKBOX_CHECKED == 1) { ?>checked="checked"<?php } ?> onclick="Piler.toggle_bulk_check('');" /></td>
|
||||
<td>
|
||||
<th data-resizable-column-id="chbox" id="chbox" data-noresize>
|
||||
<input type="checkbox" id="bulkcheck" name="bulkcheck" value="1" <?php if(SEARCH_RESULT_CHECKBOX_CHECKED == 1) { ?>checked="checked"<?php } ?> onclick="Piler.toggle_bulk_check('');" />
|
||||
</th>
|
||||
<th data-resizable-column-id="download" id="download" data-noresize class="center">
|
||||
<?php if(Registry::get('auditor_user') == 1 || BULK_DOWNLOAD_FOR_USERS == 1) { ?>
|
||||
<a href="#" onclick="Piler.download_messages(); return false;" title="Download"><i class="icon-download-alt download_icon"></i></a>
|
||||
<a href="#" onclick="Piler.download_messages(); return false;" title="Download"><i class="icon-download-alt sleek"></i></a>
|
||||
<?php } else { ?> <?php } ?>
|
||||
</td>
|
||||
<td>
|
||||
</th>
|
||||
<th data-resizable-column-id="date" id="date" class="sleek">
|
||||
<strong><?php print $text_date; ?></strong>
|
||||
<a xid="date" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up"></i></a>
|
||||
<a xid="date" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a xid="date" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up sleek"></i></a>
|
||||
<a xid="date" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down sleek"></i></a>
|
||||
</th>
|
||||
<th data-resizable-column-id="from">
|
||||
<strong><?php print $text_from; ?></strong>
|
||||
<a xid="from" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up"></i></a>
|
||||
<a xid="from" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a xid="from" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up sleek"></i></a>
|
||||
<a xid="from" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down sleek"></i></a>
|
||||
</th>
|
||||
<th data-resizable-column-id="to">
|
||||
<strong><?php print $text_to; ?></strong>
|
||||
</td>
|
||||
<td>
|
||||
</th>
|
||||
<th data-resizable-column-id="subject">
|
||||
<strong><?php print $text_subject; ?><strong>
|
||||
<a xid="subj" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up"></i></a>
|
||||
<a xid="subj" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a xid="subj" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up sleek"></i></a>
|
||||
<a xid="subj" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down sleek"></i></a>
|
||||
</th>
|
||||
<th data-resizable-column-id="size">
|
||||
<strong><?php print $text_size; ?></strong>
|
||||
<a xid="size" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up"></i></a>
|
||||
<a xid="size" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down"></i></a>
|
||||
</td>
|
||||
<td><i class="icon-file"></i></div>
|
||||
<td><i class="icon-bookmark"></i></div>
|
||||
<td><i class="icon-tag"></i></div>
|
||||
<a xid="size" xorder="1" onclick="Piler.changeOrder(this);"><i class="icon-chevron-up sleek"></i></a>
|
||||
<a xid="size" xorder="0" onclick="Piler.changeOrder(this);"><i class="icon-chevron-down sleek"></i></a>
|
||||
</th>
|
||||
<th data-resizable-column-id="attachment" id="attachment" data-noresize><i class="icon-file sleek"></i></th>
|
||||
<th data-resizable-column-id="bookmark" id="bookmark" data-noresize><i class="icon-bookmark sleek"></i></th>
|
||||
<th data-resizable-column-id="tag" id="tag" data-noresize><i class="icon-tag sleek"></i></th>
|
||||
<?php if(ENABLE_ON_THE_FLY_VERIFICATION == 1) { ?>
|
||||
<td> </td>
|
||||
<th data-resizable-column-id="verification" id="verification" data-noresize><i class="icon-sign sleek" title="verification status"></i></th>
|
||||
<?php } ?>
|
||||
</tr>
|
||||
|
||||
@ -51,18 +55,17 @@
|
||||
<?php $i=0; foreach ($messages as $message) { ?>
|
||||
<tr onmouseover="Piler.current_message_id = <?php print $message['id']; ?>; return false;" id="e_<?php print $message['id']; ?>" class="resultrow new<?php if($i % 2) { ?> odd<?php } ?><?php if($message['spam'] == 1) { ?> spam<?php } ?><?php if($message['yousent'] == 1) { ?> sent<?php } ?>">
|
||||
<td><input type="checkbox" id="r_<?php print $message['id']; ?>" name="r_<?php print $message['id']; ?>" value="iiii" <?php if(SEARCH_RESULT_CHECKBOX_CHECKED == 1) { ?>checked="checked"<?php } ?> /></td>
|
||||
<td><a href="#" onclick="Piler.view_message_by_pos(<?php print $i; ?>);"><?php print ($page*$page_len) + $i + 1; ?>.</a></td>
|
||||
<td><?php print $message['date']; ?></td>
|
||||
<td class="center sleek"><a href="#" onclick="Piler.view_message_by_pos(<?php print $i; ?>);"><?php print ($page*$page_len) + $i + 1; ?>.</a></td>
|
||||
<td class="center sleek"><?php print $message['date']; ?></td>
|
||||
<td><?php if($message['from'] != $message['shortfrom']) { ?><span title="<?php print $message['from']; ?>"><?php print $message['shortfrom']; ?></span><?php } else { print $message['from']; } ?></td>
|
||||
<td><?php if($message['to'] != $message['shortto']) { ?><span title="<?php print $message['to']; ?>"><?php print $message['shortto']; ?><i class="icon-user"></i></span><?php } else { print $message['to']; } ?></td>
|
||||
<td><a href="#" <?php if($message['spam'] == 1) { ?>class="spam"<?php } ?> <?php if($message['subject'] != $message['shortsubject']) { ?>title="<?php print $message['subject']; ?>"<?php } ?> onclick="Piler.view_message_by_pos(<?php print $i; ?>);"><?php if($message['subject'] != $message['shortsubject']) { print $message['shortsubject']; } else { print $message['subject']; } ?></a><?php if($message['reference']) { ?> <a href="#" title="<?php print $text_conversation_available; ?>" onclick="$('#ref').val('<?php print $message['reference']; ?>'); Piler.expert(this);">[+]</span></a><?php } ?></td>
|
||||
|
||||
<td><a href="#" <?php if($message['spam'] == 1) { ?>class="spam"<?php } ?> <?php if($message['subject'] != $message['shortsubject']) { ?>title="<?php print $message['subject']; ?>"<?php } ?> onclick="Piler.view_message_by_pos(<?php print $i; ?>);"><?php if($message['subject'] != $message['shortsubject'] && MOBILE_DEVICE == 1) { print $message['shortsubject']; } else { print $message['subject']; } ?></a><?php if($message['reference']) { ?> <a href="#" title="<?php print $text_conversation_available; ?>" onclick="$('#ref').val('<?php print $message['reference']; ?>'); Piler.expert(this);">[+]</a><?php } ?></td>
|
||||
<td><?php print $message['size']; ?></td>
|
||||
<td><?php if($message['attachments'] > 0) { ?><i class="icon-file"></i><?php } ?></td>
|
||||
<td><?php if($message['note']) { ?><i class="icon-bookmark" title="<?php print $message['note']; ?>"></i><?php } ?></td>
|
||||
<td><?php if($message['tag']) { ?><i class="icon-tag" title="<?php print $message['tag']; ?>"></i><?php } ?></td>
|
||||
<td><?php if($message['attachments'] > 0) { ?><i class="icon-file sleek"></i><?php } ?></td>
|
||||
<td><?php if($message['note']) { ?><i class="icon-bookmark sleek" title="<?php print $message['note']; ?>"></i><?php } ?></td>
|
||||
<td><?php if($message['tag']) { ?><i class="icon-tag sleek" title="<?php print $message['tag']; ?>"></i><?php } ?></td>
|
||||
<?php if(ENABLE_ON_THE_FLY_VERIFICATION == 1) { ?>
|
||||
<td><i class="icon-<?php if($message['verification'] == 1){ ?>ok<?php } else { ?>remove<?php } ?>-sign" title="verification status"></i></td>
|
||||
<td><i class="icon-<?php if($message['verification'] == 1){ ?>ok<?php } else { ?>remove<?php } ?>-sign sleek" title="verification status"></i></td>
|
||||
<?php } ?>
|
||||
</tr>
|
||||
|
||||
@ -109,3 +112,5 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
<div class="cell2 left">
|
||||
<img src="view/theme/mobile/images/fileicons/doc.png" alt="Word" title="Word" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_doc" id="xhas_attachment_doc" <?php if(isset($has_attachment_doc) && $has_attachment_doc == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_any();" />
|
||||
<img src="view/theme/mobile/images/fileicons/xls.png" alt="Excel" title="Excel" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_xls" id="xhas_attachment_xls" <?php if(isset($has_attachment_xls) && $has_attachment_xls == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_any();" />
|
||||
<img src="view/theme/mobile/images/fileicons/pdf.png" alt="PDF" title=PDF"" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_pdf" id="xhas_attachment_pdf" <?php if(isset($has_attachment_pdf) && $has_attachment_pdf == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_any();" />
|
||||
<img src="view/theme/mobile/images/fileicons/pdf.png" alt="PDF" title="PDF" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_pdf" id="xhas_attachment_pdf" <?php if(isset($has_attachment_pdf) && $has_attachment_pdf == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_any();" />
|
||||
<img src="view/theme/mobile/images/fileicons/image.png" alt="image" title="image" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_image" id="xhas_attachment_image" <?php if(isset($has_attachment_image) && $has_attachment_image == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_any();" />
|
||||
<img src="view/theme/mobile/images/fileicons/file.png" alt="any" title="any" /> <input type="checkbox" class="checkbox popup" name="xhas_attachment_any" id="xhas_attachment_any" <?php if(isset($has_attachment_any) && $has_attachment_any == 1) { ?>checked="checked"<?php } ?> onclick="Piler.clear_attachment_others();" />
|
||||
</div>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="logincell"><?php print $text_email_addresses; ?>:</div>
|
||||
<div class="tcell">
|
||||
<div class="logincell">
|
||||
<?php print $emails; ?>
|
||||
</div>
|
||||
</div>
|
||||
@ -18,7 +18,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="logincell"><?php print $text_domains; ?>:</div>
|
||||
<div class="tcell">
|
||||
<div class="logincell">
|
||||
<?php print $domains; ?>
|
||||
</div>
|
||||
</div>
|
||||
@ -29,7 +29,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="logincell"><?php print $text_groups; ?>:</div>
|
||||
<div class="tcell">
|
||||
<div class="logincell">
|
||||
<?php print $groups; ?>
|
||||
</div>
|
||||
</div>
|
||||
@ -40,7 +40,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="logincell"><?php print $text_folders; ?>:</div>
|
||||
<div class="tcell">
|
||||
<div class="logincell">
|
||||
<?php print $folders; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user