Drive/roundcubemail-plugins-kolab
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some style improvements for attachments list

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
plugins/calendar/calendar.php
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.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->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"); $this->rc->output->send("calendar.calendar");
} }

48
plugins/calendar/skins/default/calendar.css
View file

@ -264,6 +264,54 @@ a.miniColors-trigger {
background-color: #F9F9F9; 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 */ /* jQuery UI overrides */
#eventshow h1 { #eventshow h1 {

16
plugins/calendar/skins/default/templates/calendar.html
View file

@ -7,6 +7,7 @@
<script type="text/javascript" src="/functions.js"></script> <script type="text/javascript" src="/functions.js"></script>
</head> </head>
<body class="calendarmain"> <body class="calendarmain">
<roundcube:include file="/includes/taskbar.html" /> <roundcube:include file="/includes/taskbar.html" />
<roundcube:include file="/includes/header.html" /> <roundcube:include file="/includes/header.html" />
@ -75,10 +76,14 @@
<label><roundcube:label name="calendar.sensitivity" /></label> <label><roundcube:label name="calendar.sensitivity" /></label>
<span class="event-text"></span> <span class="event-text"></span>
</div> </div>
<div class="event-section" id="event-attachments">
<label><roundcube:label name="attachments" /></label>
<span class="event-text attachments-list"></span>
</div>
</div> </div>
<div id="eventedit"> <div id="eventedit">
<form id="eventtabs" action="#"> <form id="eventtabs" action="#" method="post">
<ul> <ul>
<li><a href="#event-tab-1"><roundcube:label name="calendar.tabsummary" /></a></li> <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> <li id="edit-tab-recurrence"><a href="#event-tab-2"><roundcube:label name="calendar.tabrecurrence" /></a></li>
@ -163,9 +168,14 @@
<div id="event-tab-3"> <div id="event-tab-3">
</div> </div>
<!-- attachments list --> <!-- attachments list (with upload form) -->
<div id="event-tab-4"> <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> </div>
</form> </form>