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

Better styling of free.busy scheduling dialog

Browse source
This commit is contained in:
Thomas Bruederli 2012-10-04 15:51:07 +02:00
parent 66bb3b665d
commit 1b485aded4
3 changed files with 29 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
plugins/calendar/skins/larry/calendar.css
View file

@ -444,6 +444,26 @@ a.miniColors-trigger {
background-position: right -80px; background-position: right -80px;
} }
.calendarmain .fc-view-table td.fc-list-header,
#attendees-freebusy-table h3.boxtitle,
#schedule-freebusy-times thead th,
#edit-attendees-table thead td
{
color: #69939e;
font-size: 11px;
font-weight: bold;
background: #d6eaf3;
background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
border: 0;
border-bottom: 1px solid #ccc;
height: 18px;
padding: 8px 7px 3px 7px;
}
/* jQuery UI overrides */ /* jQuery UI overrides */
#eventshow h1 { #eventshow h1 {
@ -673,22 +693,22 @@ td.topalign {
#schedule-freebusy-times td.free, #schedule-freebusy-times td.free,
.availability img.availabilityicon.free { .availability img.availabilityicon.free {
background: #0c0; background: #abd640;
} }
#schedule-freebusy-times td.busy, #schedule-freebusy-times td.busy,
.availability img.availabilityicon.busy { .availability img.availabilityicon.busy {
background: #c00; background: #e26569;
} }
#schedule-freebusy-times td.tentative, #schedule-freebusy-times td.tentative,
.availability img.availabilityicon.tentative { .availability img.availabilityicon.tentative {
background: #66d; background: #8383fc;
} }
#schedule-freebusy-times td.out-of-office, #schedule-freebusy-times td.out-of-office,
.availability img.availabilityicon.out-of-office { .availability img.availabilityicon.out-of-office {
background: #f0b400; background: #fbaa68;
} }
#schedule-freebusy-times td.all-busy, #schedule-freebusy-times td.all-busy,
@ -751,13 +771,11 @@ td.topalign {
#attendees-freebusy-table { #attendees-freebusy-table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border-collapse: collapse; border: 1px solid #bbd3da;
margin: 0.5em 0;
} }
#attendees-freebusy-table td.attendees { #attendees-freebusy-table td.attendees {
width: 18em; width: 18em;
border: 1px solid #ccc;
vertical-align: top; vertical-align: top;
overflow: hidden; overflow: hidden;
} }
@ -765,7 +783,6 @@ td.topalign {
#attendees-freebusy-table td.times { #attendees-freebusy-table td.times {
width: auto; width: auto;
vertical-align: top; vertical-align: top;
border: 1px solid #ccc;
} }
#attendees-freebusy-table div.scroll { #attendees-freebusy-table div.scroll {
@ -775,7 +792,6 @@ td.topalign {
#attendees-freebusy-table h3.boxtitle { #attendees-freebusy-table h3.boxtitle {
margin: 0; margin: 0;
height: auto !important;
border-color: #ccc; border-color: #ccc;
} }
@ -839,19 +855,13 @@ td.topalign {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
#schedule-freebusy-times tr.dates th {
border-color: #aaa;
border-style: solid;
border-width: 0 1px 0 1px;
white-space: nowrap;
}
#attendees-freebusy-table div.timesheader, #attendees-freebusy-table div.timesheader,
#schedule-freebusy-times tr.times td { #schedule-freebusy-times tr.times td {
min-width: 30px; min-width: 30px;
font-size: 9px; font-size: 9px;
padding: 5px 2px 6px 2px; padding: 5px 2px 6px 2px;
text-align: center; text-align: center;
color: #004658;
} }
#schedule-freebusy-times tr.times td.allday { #schedule-freebusy-times tr.times td.allday {
@ -880,8 +890,9 @@ td.topalign {
#eventfreebusy .schedule-buttons { #eventfreebusy .schedule-buttons {
position: absolute; position: absolute;
top: 0; top: 0.5em;
right: 0; right: 0;
margin-right: 0;
} }
#eventfreebusy .schedule-find-buttons { #eventfreebusy .schedule-find-buttons {
@ -1266,24 +1277,6 @@ div.fc-event-location {
cursor: pointer; cursor: pointer;
} }
/*.calendarmain .fc-view-list div.fc-list-header,*/
.calendarmain .fc-view-table td.fc-list-header,
#edit-attendees-table thead td {
color: #69939e;
font-size: 11px;
font-weight: bold;
background: #d6eaf3;
background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
border: 0;
border-bottom: 1px solid #ccc;
height: 18px;
padding: 8px 7px 3px 7px;
}
.calendarmain .fc-view-table td.fc-list-header { .calendarmain .fc-view-table td.fc-list-header {
color: #004458; color: #004458;
font-size: 12px; font-size: 12px;

BIN
plugins/calendar/skins/larry/images/freebusy-colors.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 631 B

After

Width:  |  Height:  |  Size: 490 B

2
plugins/calendar/skins/larry/templates/calendar.html
View file

@ -107,7 +107,7 @@
<roundcube:include file="/templates/eventedit.html" /> <roundcube:include file="/templates/eventedit.html" />
<div id="eventfreebusy" class="uidialog"> <div id="eventfreebusy" class="uidialog">
<roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table" cellspacing="0" cellpadding="0" border="0" /> <roundcube:object name="plugin.attendees_freebusy_table" id="attendees-freebusy-table" cellpadding="0" />
<div class="schedule-options"> <div class="schedule-options">
&nbsp; &nbsp;