From c0fc66d51f6fd3527ca6ffa6f56f1a336eacbb0c Mon Sep 17 00:00:00 2001 From: nathangray Date: Tue, 1 Dec 2020 09:51:04 -0700 Subject: [PATCH] * Calendar: Fix todo sizing / scrolling --- calendar/js/app.js | 2 +- calendar/js/app.ts | 2 +- calendar/templates/default/app.css | 2 + calendar/templates/pixelegg/app.css | 122 ++++++++++++++------------- calendar/templates/pixelegg/app.less | 1 + 5 files changed, 67 insertions(+), 62 deletions(-) diff --git a/calendar/js/app.js b/calendar/js/app.js index 36973254ac..64ed6f2b41 100644 --- a/calendar/js/app.js +++ b/calendar/js/app.js @@ -2539,7 +2539,7 @@ var CalendarApp = /** @class */ (function (_super) { && 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 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 this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function (data) { this.getWidgetById('label').set_value(data.label || ''); diff --git a/calendar/js/app.ts b/calendar/js/app.ts index f981c65f28..5671f20970 100644 --- a/calendar/js/app.ts +++ b/calendar/js/app.ts @@ -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 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 this.egw.jsonq('calendar_uiviews::ajax_get_todos', [state.state.date, state.state.owner[0]], function(data) { this.getWidgetById('label').set_value(data.label||''); diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css index 5e7ba7432d..cdd83c484b 100644 --- a/calendar/templates/default/app.css +++ b/calendar/templates/default/app.css @@ -188,6 +188,8 @@ div.calendar_conflicts { width: 30%; margin-top: 0px; z-index: 10; + bottom: -10px; + height: calc(~"100% - 75px"); } #calendar-view { diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css index 82fb4ca79b..23120d8497 100755 --- a/calendar/templates/pixelegg/app.css +++ b/calendar/templates/pixelegg/app.css @@ -196,6 +196,8 @@ div.calendar_conflicts { width: 30%; margin-top: 0px; z-index: 10; + bottom: -10px; + height: calc(100% - 75px); } #calendar-view { width: 100%; @@ -1623,13 +1625,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,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-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-repeat: repeat-x; } /* calender view*/ @@ -1653,26 +1655,26 @@ div.calendar { /* They are the navigation buttons */ padding: 2px; /* Make the buttons seem like they're pressing */ - background-color: #FFDD73; + background-color: #ffdd73; } .calendar .nav { /*background: url(../images/menuarrow.png) no-repeat 100% 100%;*/ background-image: none; - background-color: #FFDD73; + background-color: #ffdd73; } .calendar thead .title { /* This holds the current "month, year" */ 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 containing navigation buttons */ - background-color: #FFDD73; + background-color: #ffdd73; color: #fff; } .calendar thead .daynames { @@ -1702,7 +1704,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, @@ -1747,7 +1749,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; @@ -1929,7 +1931,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 { @@ -1947,7 +1949,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; @@ -2054,10 +2056,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget */ .calendar_calToday, .calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday.et2_link.et2_clickable { - background-color: #FFDD73; + background-color: #ffdd73; } .calendar_calWeek { - background-color: #FFFFFF; + background-color: #ffffff; width: auto; margin: 0 auto; text-align: center; @@ -2065,7 +2067,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; @@ -2173,12 +2175,12 @@ 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; border-top: 1px solid; } .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 @@ -2194,7 +2196,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget overflow: auto; } .calendar_calDayColHeader .calendar_calAddEvent:hover { - background-color: #FFDD73; + background-color: #ffdd73; cursor: pointer; color: #ffffff; } @@ -2219,7 +2221,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; @@ -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"] { background-color: #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-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-repeat: repeat-x; } .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; -o-transition-timing-function: linear; transition-timing-function: linear; - background-color: #E6E6E6; + background-color: #e6e6e6; width: 16px; height: 16px; } @@ -2279,7 +2281,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; @@ -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"] { background-color: #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-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-repeat: repeat-x; } .calendar_calDayTodos .calendar_calDayTodosTable table td img { @@ -2464,7 +2466,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; @@ -2474,13 +2476,13 @@ button#series { } button#series img[url*="svg"] { background-color: #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-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-repeat: repeat-x; fill: red; } @@ -2517,7 +2519,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; @@ -2527,13 +2529,13 @@ button#exception { } button#exception img[url*="svg"] { background-color: #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-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-repeat: repeat-x; fill: red; } @@ -2597,22 +2599,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; @@ -2641,7 +2643,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td { box-shadow: none; } #calendar-sidebox_date .ui-datepicker-today { - background-color: #FFDD73; + background-color: #ffdd73; } #calendar-sidebox_date .ui-datepicker-calendar .ui-state-hover { background-color: rgba(153, 204, 255, 0.4); diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less index 224b2e5b31..b30c93e5fc 100755 --- a/calendar/templates/pixelegg/app.less +++ b/calendar/templates/pixelegg/app.less @@ -17,6 +17,7 @@ @import (less) "../default/app.css"; + /*generell*/ // makes svg visible