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

* Calendar: Fix todo sizing / scrolling

Browse Source
This commit is contained in:
nathangray 2020-12-01 09:51:04 -07:00
parent af32261af4
commit ef95d2df6a
5 changed files with 67 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
calendar/js/app.js
View File

@ -2539,7 +2539,7 @@ var CalendarApp = /** @class */ (function (_super) {
&& egw.user('apps')['infolog'] && egw.preference('cal_show', 'infolog') !== '0') { && egw.user('apps')['infolog'] && egw.preference('cal_show', 'infolog') !== '0') {
// Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list // Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list
jQuery(CalendarApp.views.day.etemplates[0].DOMContainer).css("width", "70%"); jQuery(CalendarApp.views.day.etemplates[0].DOMContainer).css("width", "70%");
jQuery(view.etemplates[1].DOMContainer).css({ "left": "70%", "height": '100%' }); jQuery(view.etemplates[1].DOMContainer).css({ "left": "70%" });
// TODO: Maybe some caching here // TODO: Maybe some caching here
this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function (data) { this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function (data) {
this.getWidgetById('label').set_value(data.label || ''); this.getWidgetById('label').set_value(data.label || '');

2
calendar/js/app.ts
View File

@ -2934,7 +2934,7 @@ class CalendarApp extends EgwApp
{ {
// Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list // Set width to 70%, otherwise if a scrollbar is needed for the view, it will conflict with the todo list
jQuery((<etemplate2>CalendarApp.views.day.etemplates[0]).DOMContainer).css("width","70%"); jQuery((<etemplate2>CalendarApp.views.day.etemplates[0]).DOMContainer).css("width","70%");
jQuery(view.etemplates[1].DOMContainer).css({"left":"70%", "height":'100%'}); jQuery(view.etemplates[1].DOMContainer).css({"left":"70%"});
// TODO: Maybe some caching here // TODO: Maybe some caching here
this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function(data) { this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function(data) {
this.getWidgetById('label').set_value(data.label||''); this.getWidgetById('label').set_value(data.label||'');

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

@ -188,6 +188,8 @@ div.calendar_conflicts {
width: 30%; width: 30%;
margin-top: 0px; margin-top: 0px;
z-index: 10; z-index: 10;
bottom: -10px;
height: calc(~"100% - 75px");
} }
#calendar-view { #calendar-view {

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

@ -196,6 +196,8 @@ div.calendar_conflicts {
width: 30%; width: 30%;
margin-top: 0px; margin-top: 0px;
z-index: 10; z-index: 10;
bottom: -10px;
height: calc(100% - 75px);
} }
#calendar-view { #calendar-view {
width: 100%; width: 100%;
@ -1623,13 +1625,13 @@ img.sideboxstar:active {
.calendar_calEventBodySmall img[src$="svg"], .calendar_calEventBodySmall img[src$="svg"],
.calendar_calDayColHeader img[src$="svg"] { .calendar_calDayColHeader img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5); background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
/* calender view*/ /* calender view*/
@ -1653,26 +1655,26 @@ div.calendar {
/* They are the navigation buttons */ /* They are the navigation buttons */
padding: 2px; padding: 2px;
/* Make the buttons seem like they're pressing */ /* Make the buttons seem like they're pressing */
background-color: #FFDD73; background-color: #ffdd73;
} }
.calendar .nav { .calendar .nav {
/*background: url(../images/menuarrow.png) no-repeat 100% 100%;*/ /*background: url(../images/menuarrow.png) no-repeat 100% 100%;*/
background-image: none; background-image: none;
background-color: #FFDD73; background-color: #ffdd73;
} }
.calendar thead .title { .calendar thead .title {
/* This holds the current "month, year" */ /* This holds the current "month, year" */
font-weight: bold; font-weight: bold;
/* Pressing it will take you to the current date */ /* Pressing it will take you to the current date */
/*text-align: center;*/ /*text-align: center;*/
background-color: #679FD2; background-color: #679fd2;
} }
.calendar thead .title:hover { .calendar thead .title:hover {
background-color: #E6E6E6 !important; background-color: #e6e6e6 !important;
} }
.calendar thead .headrow { .calendar thead .headrow {
/* Row <TR> containing navigation buttons */ /* Row <TR> containing navigation buttons */
background-color: #FFDD73; background-color: #ffdd73;
color: #fff; color: #fff;
} }
.calendar thead .daynames { .calendar thead .daynames {
@ -1702,7 +1704,7 @@ div.calendar {
} }
.calendar thead .active { .calendar thead .active {
/* Active (pressed) buttons in header */ /* Active (pressed) buttons in header */
background_color: #408DD2; background_color: #408dd2;
/*padding: 2px 0px 0px 2px;*/ /*padding: 2px 0px 0px 2px;*/
} }
.calendar tbody tr, .calendar tbody tr,
@ -1747,7 +1749,7 @@ div.calendar {
/*border: 0px solid @gray_50;*/ /*border: 0px solid @gray_50;*/
/*padding: 1px 3px 1px 1px;*/ /*padding: 1px 3px 1px 1px;*/
/*padding: 0px;*/ /*padding: 0px;*/
background-color: #FFDD73; background-color: #ffdd73;
color: #000; color: #000;
-webkit-box-shadow: inset 1px 2px 1px #000000; -webkit-box-shadow: inset 1px 2px 1px #000000;
-moz-box-shadow: inset 1px 2px 1px #000000; -moz-box-shadow: inset 1px 2px 1px #000000;
@ -1929,7 +1931,7 @@ div.calendar {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
#calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms { #calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_details_alarms {
background-color: #CDCDCD; background-color: #cdcdcd;
display: block !important; display: block !important;
} }
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category { #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_details_category {
@ -1947,7 +1949,7 @@ div.calendar {
} }
#calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category { #calendar-edit #calendar-edit_calendar-edit-description #calendar-edit_category {
border: 1px solid; border: 1px solid;
border-color: #B4B4B4; border-color: #b4b4b4;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -2054,10 +2056,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
*/ */
.calendar_calToday, .calendar_calToday,
.calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday.et2_link.et2_clickable { .calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday.et2_link.et2_clickable {
background-color: #FFDD73; background-color: #ffdd73;
} }
.calendar_calWeek { .calendar_calWeek {
background-color: #FFFFFF; background-color: #ffffff;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
@ -2065,7 +2067,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calMonth { .calendar_calMonth {
/*.background_table_cal_head;*/ /*.background_table_cal_head;*/
background-color: #FFFFFF; background-color: #ffffff;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
@ -2173,12 +2175,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* border-color: depending on category * border-color: depending on category
* background: depending on category (shade) * background: depending on category (shade)
*/ */
background-color: #679FD2; background-color: #679fd2;
border-top: 1px solid; border-top: 1px solid;
} }
.calendar_calEvent:not([class*=" cat_"]) { .calendar_calEvent:not([class*=" cat_"]) {
/* Defaults for no category, so we don't override it */ /* Defaults for no category, so we don't override it */
background-color: #679FD2; background-color: #679fd2;
} }
/** /**
* All participants accepted the invitation * All participants accepted the invitation
@ -2194,7 +2196,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
overflow: auto; overflow: auto;
} }
.calendar_calDayColHeader .calendar_calAddEvent:hover { .calendar_calDayColHeader .calendar_calAddEvent:hover {
background-color: #FFDD73; background-color: #ffdd73;
cursor: pointer; cursor: pointer;
color: #ffffff; color: #ffffff;
} }
@ -2219,7 +2221,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
position: absolute; position: absolute;
right: 0px; right: 0px;
top: 0px; top: 0px;
background-color: #E6E6E6; background-color: #e6e6e6;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -2241,13 +2243,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] { .calendar_calDayTodos .calendar_calDayTodosHeader a img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5); background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.calendar_calDayTodos .calendar_calDayTodosHeader a img { .calendar_calDayTodos .calendar_calDayTodosHeader a img {
@ -2268,7 +2270,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #E6E6E6; background-color: #e6e6e6;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@ -2279,7 +2281,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
background-color: inherit; background-color: inherit;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth-child(even) {
background: #FFFFFF; background: #ffffff;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) { .calendar_calDayTodos .calendar_calDayTodosTable table tr:nth_child(odd) {
background: #f2f2f2; background: #f2f2f2;
@ -2289,13 +2291,13 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] { .calendar_calDayTodos .calendar_calDayTodosTable table td img[src$="svg"] {
background-color: #0c5da5; background-color: #0c5da5;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEM1REE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
background-image: -webkit-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
background-image: -o-linear-gradient(top, #0C5DA5, #0C5DA5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
background-image: linear-gradient(top, #0C5DA5, #0C5DA5); background-image: linear-gradient(top, #0c5da5, #0c5da5);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.calendar_calDayTodos .calendar_calDayTodosTable table td img { .calendar_calDayTodos .calendar_calDayTodosTable table td img {
@ -2464,7 +2466,7 @@ button#series {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #E6E6E6; background-color: #e6e6e6;
padding-left: 30px; padding-left: 30px;
background-position: 6px center; background-position: 6px center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2474,13 +2476,13 @@ button#series {
} }
button#series img[url*="svg"] { button#series img[url*="svg"] {
background-color: #b4b4b4; background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: linear-gradient(top, #B4B4B4, #B4B4B4); background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
background-repeat: repeat-x; background-repeat: repeat-x;
fill: red; fill: red;
} }
@ -2517,7 +2519,7 @@ button#exception {
-moz-transition-timing-function: linear; -moz-transition-timing-function: linear;
-o-transition-timing-function: linear; -o-transition-timing-function: linear;
transition-timing-function: linear; transition-timing-function: linear;
background-color: #E6E6E6; background-color: #e6e6e6;
padding-left: 30px; padding-left: 30px;
background-position: 6px center; background-position: 6px center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -2527,13 +2529,13 @@ button#exception {
} }
button#exception img[url*="svg"] { button#exception img[url*="svg"] {
background-color: #b4b4b4; background-color: #b4b4b4;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -ms-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-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
background-image: linear-gradient(top, #B4B4B4, #B4B4B4); background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
background-repeat: repeat-x; background-repeat: repeat-x;
fill: red; fill: red;
} }
@ -2597,22 +2599,22 @@ div#calendar-container div.calendar table {
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
} }
div#calendar-container div.calendar table thead .button { div#calendar-container div.calendar table thead .button {
background-color: #FFDD73; background-color: #ffdd73;
} }
div#calendar-container div.calendar table thead .title { div#calendar-container div.calendar table thead .title {
border: none; border: none;
box-shadow: none; box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
background-color: #FFDD73; background-color: #ffdd73;
} }
div#calendar-container div.calendar table thead .headrow { div#calendar-container div.calendar table thead .headrow {
color: #1E1E1E; color: #1e1e1e;
} }
div#calendar-container div.calendar table thead .headrow td { div#calendar-container div.calendar table thead .headrow td {
background-color: #ffc200; background-color: #ffc200;
} }
div#calendar-container div.calendar table thead .daynames { div#calendar-container div.calendar table thead .daynames {
background-color: #679FD2; background-color: #679fd2;
} }
div#calendar-container div.calendar table tbody tr.daysrow:hover { div#calendar-container div.calendar table tbody tr.daysrow:hover {
background-color: #ffc200; background-color: #ffc200;
@ -2641,7 +2643,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
box-shadow: none; box-shadow: none;
} }
#calendar-sidebox_date .ui-datepicker-today { #calendar-sidebox_date .ui-datepicker-today {
background-color: #FFDD73; background-color: #ffdd73;
} }
#calendar-sidebox_date .ui-datepicker-calendar .ui-state-hover { #calendar-sidebox_date .ui-datepicker-calendar .ui-state-hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);

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

@ -17,6 +17,7 @@
@import (less) "../default/app.css"; @import (less) "../default/app.css";
/*generell*/ /*generell*/
// makes svg visible // makes svg visible