holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make calendar multi-week views header fixed in order to see days while scrolling down into other user's calendars

Browse Source
This commit is contained in:
Hadi Nategh 2017-06-30 15:02:40 +02:00
parent 0d80fdbcf9
commit 1850c80c3f
5 changed files with 84 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
calendar/templates/default/app.css
View File

@ -344,7 +344,7 @@ Hide subsequent headers in week view with non-consolidated owners
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer
{
height:calc(1.5em + 5px);
height:calc(1.5em + 32px);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
white-space:nowrap;
@ -453,6 +453,12 @@ Hide subsequent headers in week view with non-consolidated owners
white-space: nowrap;
overflow: hidden;
}
.hideDayColHeader .calendar_calDayColHeader > div[data-date] {
position:fixed;
background: white;
width: inherit;
z-index: 100;
}
/* Seperate long and short day names */
.calendar_calDayColHeader > div[data-date] .short_date,

14
calendar/templates/mobile/app.css
View File

@ -46,6 +46,7 @@
}
.calendar_plannerWidget .calendar_plannerRows {
height: auto !important;
overflow: visible !important;
}
.calendar_plannerWidget .verticalBar {
display: none;
@ -355,7 +356,7 @@ Hide subsequent headers in week view with non-consolidated owners
top: 2em;
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(6.5em);
height: calc(33.5em);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
white-space: nowrap;
@ -464,6 +465,12 @@ Hide subsequent headers in week view with non-consolidated owners
white-space: nowrap;
overflow: hidden;
}
.hideDayColHeader .calendar_calDayColHeader > div[data-date] {
position: fixed;
background: white;
width: inherit;
z-index: 100;
}
/* Seperate long and short day names */
.calendar_calDayColHeader > div[data-date] .short_date,
.calendar_calDayColHeader > div[data-date] .long_date {
@ -2670,10 +2677,10 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
margin: 9px 0 0 0;
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(6.5em);
height: calc(1.5em + 32px);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
width: calc(42%);
width: calc(100% - 58px);
}
/* ########################################################################################
/* * Calendar END */
@ -2770,6 +2777,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
}
#calendar-toolbar_app_header {
height: 17px;
left: 0;
}
#calendar-toolbar .egw_fw_ui_app_header_container {
min-height: 20px;

4
calendar/templates/mobile/app.less
View File

@ -12,7 +12,7 @@
*/
@import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/mobile/app_colors.less";
@import (less) "../pixelegg/app.css";
@import (less) "../pixelegg/app.less";
/* tablets and smartphones */
@media all {
#calendar-toolbar {
@ -96,6 +96,6 @@
vertical-align: top;
width: 100%;
}
#calendar-toolbar_app_header {height: 17px;}
#calendar-toolbar_app_header {height: 17px;left:0;}
#calendar-toolbar .egw_fw_ui_app_header_container {min-height:20px;}
}

120
calendar/templates/pixelegg/app.css
View File

@ -344,7 +344,7 @@ Hide subsequent headers in week view with non-consolidated owners
top: 2em;
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(6.5em);
height: calc(33.5em);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
white-space: nowrap;
@ -453,6 +453,12 @@ Hide subsequent headers in week view with non-consolidated owners
white-space: nowrap;
overflow: hidden;
}
.hideDayColHeader .calendar_calDayColHeader > div[data-date] {
position: fixed;
background: white;
width: inherit;
z-index: 100;
}
/* Seperate long and short day names */
.calendar_calDayColHeader > div[data-date] .short_date,
.calendar_calDayColHeader > div[data-date] .long_date {
@ -1561,13 +1567,13 @@ img.sideboxstar:active {
.calendar_calEventBodySmall img[src$="svg"],
.calendar_calDayColHeader img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
background-repeat: repeat-x;
}
/* calender view*/
@ -1603,10 +1609,10 @@ div.calendar {
font-weight: bold;
/* Pressing it will take you to the current date */
/*text-align: center;*/
background-color: #679fd2;
background-color: #679FD2;
}
.calendar thead .title:hover {
background-color: #e6e6e6 !important;
background-color: #E6E6E6 !important;
}
.calendar thead .headrow {
/* Row <TR> containing navigation buttons */
@ -1640,7 +1646,7 @@ div.calendar {
}
.calendar thead .active {
/* Active (pressed) buttons in header */
background_color: #408dd2;
background_color: #408DD2;
/*padding: 2px 0px 0px 2px;*/
}
.calendar tbody tr,
@ -1685,7 +1691,7 @@ div.calendar {
/*border: 0px solid @gray_50;*/
/*padding: 1px 3px 1px 1px;*/
/*padding: 0px;*/
background-color: #ffdd73;
background-color: #FFDD73;
color: #000;
-webkit-box-shadow: inset 1px 2px 1px #000000;
-moz-box-shadow: inset 1px 2px 1px #000000;
@ -1867,7 +1873,7 @@ div.calendar {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
#calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms {
background-color: #cdcdcd;
background-color: #CDCDCD;
display: block !important;
}
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category {
@ -1885,7 +1891,7 @@ div.calendar {
}
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category {
border: 1px solid;
border-color: #b4b4b4;
border-color: #B4B4B4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@ -1991,7 +1997,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: #ffc200;
}
.calendar_calWeek {
background-color: #ffffff;
background-color: #FFFFFF;
width: auto;
margin: 0 auto;
text-align: center;
@ -1999,7 +2005,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
}
.calendar_calMonth {
/*.background_table_cal_head;*/
background-color: #ffffff;
background-color: #FFFFFF;
width: auto;
margin: 0 auto;
text-align: center;
@ -2107,11 +2113,11 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* border-color: depending on category
* background: depending on category (shade)
*/
background-color: #679fd2;
background-color: #679FD2;
}
.calendar_calEvent:not([class*=" cat_"]) {
/* Defaults for no category, so we don't override it */
background-color: #679fd2;
background-color: #679FD2;
}
/**
* All participants accepted the invitation
@ -2127,7 +2133,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
overflow: auto;
}
.calendar_calAddEvent:hover {
background-color: #ffdd73;
background-color: #FFDD73;
cursor: pointer;
color: #ffffff;
}
@ -2152,7 +2158,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
position: absolute;
right: 0px;
top: 0px;
background-color: #e6e6e6;
background-color: #E6E6E6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -2185,13 +2191,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
}
.calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
background-repeat: repeat-x;
}
.calendar_calDayTodos .calendar_calDayTodosHeader a img {
@ -2212,7 +2218,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #e6e6e6;
background-color: #E6E6E6;
width: 16px;
height: 16px;
}
@ -2223,7 +2229,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: inherit;
}
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) {
background: #ffffff;
background: #FFFFFF;
}
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) {
background: #f2f2f2;
@ -2233,13 +2239,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
}
.calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] {
background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -ms-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C5DA5), to(#0C5DA5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5);
background-repeat: repeat-x;
}
.calendar_calDayTodos .calendar_calDayTodosTable table td img {
@ -2408,7 +2414,7 @@ button#series {
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #e6e6e6;
background-color: #E6E6E6;
padding-left: 30px;
background-position: 6px center;
background-repeat: no-repeat;
@ -2418,13 +2424,13 @@ button#series {
}
button#series img[url*="svg"] {
background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
background-repeat: repeat-x;
fill: red;
}
@ -2465,7 +2471,7 @@ button#exception {
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #e6e6e6;
background-color: #E6E6E6;
padding-left: 30px;
background-position: 6px center;
background-repeat: no-repeat;
@ -2475,13 +2481,13 @@ button#exception {
}
button#exception img[url*="svg"] {
background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4));
background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4);
background-image: linear-gradient(top, #B4B4B4, #B4B4B4);
background-repeat: repeat-x;
fill: red;
}
@ -2549,22 +2555,22 @@ div#calendar-container div.calendar table {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
div#calendar-container div.calendar table thead .button {
background-color: #ffdd73;
background-color: #FFDD73;
}
div#calendar-container div.calendar table thead .title {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
background-color: #ffdd73;
background-color: #FFDD73;
}
div#calendar-container div.calendar table thead .headrow {
color: #1e1e1e;
color: #1E1E1E;
}
div#calendar-container div.calendar table thead .headrow td {
background-color: #ffc200;
}
div#calendar-container div.calendar table thead .daynames {
background-color: #679fd2;
background-color: #679FD2;
}
div#calendar-container div.calendar table tbody tr.daysrow:hover {
background-color: #ffc200;
@ -2659,7 +2665,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
margin: 9px 0 0 0;
}
#calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
height: calc(1.5em + 5px);
height: calc(1.5em + 32px);
}
#calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
width: calc(100% - 58px);

2
calendar/templates/pixelegg/app.less
View File

@ -1226,7 +1226,7 @@ div#calendar-container {
#calendar-view_view.hideDayColHeader
{
tr {
&:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {height: ~"calc(1.5em + 5px)";}
&:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {height: ~"calc(1.5em + 32px)";}
.calendar_calGridHeader > span.et2_label {width:~"calc(100% - 58px)";}
}
}