Some style improvements for attachments list

This commit is contained in:
Aleksander Machniak (Kolab Systems) 2011-07-04 10:46:49 +02:00
parent b531cc9809
commit bc855cbfcd
3 changed files with 74 additions and 16 deletions

View file

@ -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");
}

View file

@ -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 {

View file

@ -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>