From bc855cbfcdb5124c72f214bc488c1beddc624d62 Mon Sep 17 00:00:00 2001 From: "Aleksander Machniak (Kolab Systems)" Date: Mon, 4 Jul 2011 10:46:49 +0200 Subject: [PATCH] Some style improvements for attachments list --- plugins/calendar/calendar.php | 2 +- plugins/calendar/skins/default/calendar.css | 66 ++++++++++++++++--- .../skins/default/templates/calendar.html | 22 +++++-- 3 files changed, 74 insertions(+), 16 deletions(-) diff --git a/plugins/calendar/calendar.php b/plugins/calendar/calendar.php index 7a55c1d5..28372491 100644 --- a/plugins/calendar/calendar.php +++ b/plugins/calendar/calendar.php @@ -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"); } diff --git a/plugins/calendar/skins/default/calendar.css b/plugins/calendar/skins/default/calendar.css index fed8187f..c1663fc6 100644 --- a/plugins/calendar/skins/default/calendar.css +++ b/plugins/calendar/skins/default/calendar.css @@ -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 { diff --git a/plugins/calendar/skins/default/templates/calendar.html b/plugins/calendar/skins/default/templates/calendar.html index 592e1062..938e88b8 100644 --- a/plugins/calendar/skins/default/templates/calendar.html +++ b/plugins/calendar/skins/default/templates/calendar.html @@ -7,6 +7,7 @@ + @@ -75,10 +76,14 @@ +
+ + +
-
+
    • @@ -161,14 +166,19 @@
- +
- +
- +
+ +
+ + +
- +