Some style improvements for attachments list
This commit is contained in:
parent
b531cc9809
commit
bc855cbfcd
3 changed files with 74 additions and 16 deletions
|
@ -174,7 +174,7 @@ class calendar extends rcube_plugin
|
|||
$this->register_handler('plugin.edit_recurring_warning', array($this->ui, 'recurring_event_warning'));
|
||||
$this->register_handler('plugin.searchform', array($this->rc->output, 'search_form')); // use generic method from rcube_template
|
||||
|
||||
$this->rc->output->add_label('low','normal','high', 'delete', 'cancel');
|
||||
$this->rc->output->add_label('low','normal','high','delete','cancel','uploading');
|
||||
|
||||
$this->rc->output->send("calendar.calendar");
|
||||
}
|
||||
|
|
|
@ -249,21 +249,69 @@ a.miniColors-trigger {
|
|||
|
||||
#attachmentcontainer
|
||||
{
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
#attachmentframe
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #999999;
|
||||
background-color: #F9F9F9;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #999999;
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
|
||||
.attachments-list ul
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-image: none;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.attachments-list ul li
|
||||
{
|
||||
height: 18px;
|
||||
font-size: 12px;
|
||||
padding-left: 2px;
|
||||
padding-top: 2px;
|
||||
padding-right: 4px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.attachments-list ul li img
|
||||
{
|
||||
padding-right: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.attachments-list ul li a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.attachments-list ul li a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#eventshow .attachments-list ul
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#eventshow .attachments-list ul li
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
/* jQuery UI overrides */
|
||||
|
||||
#eventshow h1 {
|
||||
|
|
|
@ -7,6 +7,7 @@
|
|||
<script type="text/javascript" src="/functions.js"></script>
|
||||
</head>
|
||||
<body class="calendarmain">
|
||||
|
||||
<roundcube:include file="/includes/taskbar.html" />
|
||||
<roundcube:include file="/includes/header.html" />
|
||||
|
||||
|
@ -75,10 +76,14 @@
|
|||
<label><roundcube:label name="calendar.sensitivity" /></label>
|
||||
<span class="event-text"></span>
|
||||
</div>
|
||||
<div class="event-section" id="event-attachments">
|
||||
<label><roundcube:label name="attachments" /></label>
|
||||
<span class="event-text attachments-list"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="eventedit">
|
||||
<form id="eventtabs" action="#">
|
||||
<form id="eventtabs" action="#" method="post">
|
||||
<ul>
|
||||
<li><a href="#event-tab-1"><roundcube:label name="calendar.tabsummary" /></a></li>
|
||||
<li id="edit-tab-recurrence"><a href="#event-tab-2"><roundcube:label name="calendar.tabrecurrence" /></a></li>
|
||||
|
@ -161,14 +166,19 @@
|
|||
</div>
|
||||
<!-- attendees list -->
|
||||
<div id="event-tab-3">
|
||||
|
||||
|
||||
</div>
|
||||
<!-- attachments list -->
|
||||
<!-- attachments list (with upload form) -->
|
||||
<div id="event-tab-4">
|
||||
|
||||
<div class="border-after" id="edit-attachments-form">
|
||||
<roundcube:object name="plugin.attachments_form" id="calendar-attachment-form" attachmentFieldSize="30" />
|
||||
</div>
|
||||
<span id="edit-attachments" class="attachments-list">
|
||||
<roundcube:object name="plugin.attachments_list" id="attachmentlist" deleteIcon="/images/icons/delete.png" cancelIcon="/images/icons/delete.png" loadingIcon="/images/display/loading_blue.gif" />
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<roundcube:object name="plugin.edit_recurring_warning" class="edit-recurring-warning" style="display:none" />
|
||||
</div>
|
||||
|
||||
|
@ -235,4 +245,4 @@ $(document).ready(function(e){
|
|||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Reference in a new issue