manuelcillero/suitedesk
manuelcillero/suitedesk
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved the view of week calendar

Browse source
This commit is contained in:
Manuel Cillero 2017-09-15 13:46:17 +02:00
parent 03b8c7f6df
commit e2d79c1bb4
3 changed files with 288 additions and 313 deletions
Download patch file Download diff file Expand all files Collapse all files

516
modules/calendar/calendar_multiday/calendar-overlap.css
View file

File diff suppressed because it is too large Load diff

73
modules/calendar/calendar_multiday/calendar_multiday.css
View file

@ -94,7 +94,7 @@
.calendar-calendar td a:hover {
text-decoration: underline;
}
.calendar-calendar td.year,
.calendar-calendar td.year,
.calendar-calendar td.month {
text-align: center;
}
@ -158,8 +158,8 @@
white-space: normal;
}
table td.mini,
table th.mini,
table td.mini,
table th.mini,
table.mini td.week {
padding:0 1px 0 0;
margin:0;
@ -223,7 +223,7 @@ table.calendar-legend tr.even .stripe {
line-height:1px;
}
/* formatting for the full day view */
/* formatting for the full day view */
.calendar-calendar td.calendar-agenda-hour {
text-align:right;
border:none;
@ -264,8 +264,8 @@ table.calendar-legend tr.even .stripe {
float:right;
width:25%;
}
.calendar-date-select div,
.calendar-date-select input,
.calendar-date-select div,
.calendar-date-select input,
.calendar-date-select label {
text-align:right;
padding:0;
@ -289,7 +289,7 @@ table.calendar-legend tr.even .stripe {
width:auto;
border:1px solid #ccc;
}
.calendar-calendar div.date-nav a,
.calendar-calendar div.date-nav a,
.calendar-calendar div.date-nav h3 {
color:#777;
text-decoration:none;
@ -301,7 +301,7 @@ table.calendar-legend tr.even .stripe {
border:1px solid #ccc;
}
.calendar-calendar td.empty {
background:#ccc;
background:#999;
border-color:#ccc;
}
.calendar-calendar table.mini td.empty {
@ -313,6 +313,7 @@ table.calendar-legend tr.even .stripe {
border-top:none;
border-right:none;
margin-bottom:2px;
color: #ccc;
}
.calendar-calendar td .inner div,
.calendar-calendar td .inner div a {
@ -382,13 +383,13 @@ table.calendar-legend tr.even .stripe {
}
.calendar-calendar .week-view .full .calendar-agenda-hour {
width : 6%;
min-width : 0px;
width : 12%;
min-width : 12%;
padding-right : 2px;
}
.calendar-calendar .week-view .full .days {
width : 13%;
.calendar-calendar .week-view #multi-day-container table tr {
border-right: 1px solid currentcolor;
}
.calendar-calendar .month-view .full div.calendar,
@ -404,21 +405,21 @@ table.calendar-legend tr.even .stripe {
height : 19px;
max-height : 19px;
}
.calendar-calendar .month-view .full tr.single-day .no-entry,
.calendar-calendar .month-view .full tr.single-day .no-entry .inner {
height : 44px !important;
line-height : 44px;
font-size : 1px;
}
.calendar-calendar .month-view .full tr.single-day .noentry-multi-day,
.calendar-calendar .month-view .full tr.single-day .noentry-multi-day .inner {
height : 22px !important;
line-height : 22px;
font-size : 1px;
}
.calendar-calendar .month-view .full td,
.calendar-calendar .week-view .full td,
.calendar-calendar .day-view td {
@ -426,7 +427,7 @@ table.calendar-legend tr.even .stripe {
padding :1px 2px 0 2px
}
.calendar-calendar .month-view .full td.date-box {
.calendar-calendar .month-view .full td.date-box {
height : 1%;
border-bottom: 0px;
padding-bottom : 2px;
@ -449,13 +450,13 @@ table.calendar-legend tr.even .stripe {
margin-bottom: 0px;
}
.calendar-calendar .month-view .full td.date-box .inner,
.calendar-calendar .week-view .full td.date-box .inner {
.calendar-calendar .month-view .full td.date-box .inner,
.calendar-calendar .week-view .full td.date-box .inner {
min-height : inherit;
}
.calendar-calendar .month-view .full td.multi-day,
.calendar-calendar .week-view .full td.multi-day {
.calendar-calendar .week-view .full td.multi-day {
border-top: 0px;
border-bottom: 0px;
}
@ -464,13 +465,13 @@ table.calendar-legend tr.even .stripe {
border-top : 1px solid #CCCCCC;
}
.calendar-calendar .month-view .full td.single-day {
.calendar-calendar .month-view .full td.single-day {
border-top: 0px;
}
.calendar-calendar .month-view .full td.multi-day .inner,
.calendar-calendar .week-view .full td.multi-day .inner,
.calendar-calendar .day-view .full td.multi-day .inner {
.calendar-calendar .day-view .full td.multi-day .inner {
min-height : inherit;
width : auto;
position : relative;
@ -486,35 +487,35 @@ table.calendar-legend tr.even .stripe {
background : #F4F4F4;
}
.calendar-calendar .month-view .full td.single-day .inner div,
.calendar-calendar .month-view .full td.single-day .inner div,
.calendar-calendar .month-view .full td.single-day .inner div a ,
.calendar-calendar .month-view .full td.multi-day .inner div,
.calendar-calendar .month-view .full td.multi-day .inner div,
.calendar-calendar .month-view .full td.multi-day .inner div a ,
.calendar-calendar .month-view .full td .inner div.calendar.monthview div,
.calendar-calendar .month-view .full td .inner div.calendar.monthview div,
.calendar-calendar .month-view .full td .inner div.calendar.monthview div a,
.calendar-calendar .week-view .full td.single-day .inner div,
.calendar-calendar .week-view .full td.single-day .inner div,
.calendar-calendar .week-view .full td.single-day .inner div a ,
.calendar-calendar .week-view .full td.multi-day .inner div,
.calendar-calendar .week-view .full td.multi-day .inner div,
.calendar-calendar .week-view .full td.multi-day .inner div a ,
.calendar-calendar .week-view .full td .inner div.calendar.weekview div,
.calendar-calendar .week-view .full td .inner div.calendar.weekview div,
.calendar-calendar .week-view .full td .inner div.calendar.weekview div a,
.calendar-calendar .day-view .full td .inner div.view-item,
.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.view-item,
.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div a {
background : none;
}
.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div,
.calendar-calendar .day-view .full td .inner div.calendar div a {
margin : 0px 3px;
}
.calendar-calendar .day-view .full td .inner div.calendar div.stripe {
margin : 0px;
}
}
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
background: none;
border-left :2px solid #7C7F12;
@ -594,11 +595,11 @@ table.calendar-legend tr.even .stripe {
height : 3.5em;
}
.calendar-calendar .month-view .full td.multi-day .inner .view-field,
.calendar-calendar .month-view .full td.multi-day .inner .view-field,
.calendar-calendar .month-view .full td.multi-day .inner .view-field a,
.calendar-calendar .week-view .full td.multi-day .inner .view-field,
.calendar-calendar .week-view .full td.multi-day .inner .view-field,
.calendar-calendar .week-view .full td.multi-day .inner .view-field a,
.calendar-calendar .day-view .full td.multi-day .inner .view-field,
.calendar-calendar .day-view .full td.multi-day .inner .view-field,
.calendar-calendar .day-view .full td.multi-day .inner .view-field a {
color : #ffffff;
}

12
themes/zuitedesk/css/suitedesk.css
View file

@ -976,10 +976,7 @@ table#stormevents td .event-title {
width: 14.2857%;
min-width: 90px;
}
.calendar-calendar .week-view .full th,
.calendar-calendar .week-view .full tr.all-day td.calendar-agenda-hour {
width: 12% !important;
}
.calendar-calendar .week-view .full th.today {
background-color: #556372;
color: #eee;
@ -987,12 +984,7 @@ table#stormevents td .event-title {
.calendar-calendar .month-view .full td .day {
width: 2em;
}
.calendar-calendar .month-view .full td.empty {
background: #999 !important;
}
.calendar-calendar .month-view .full td.empty .day {
color: #ccc;
}
.calendar-calendar .day-view .full td .inner div.calendar div a {
margin: 0;
}