extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-18 03:48:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Change datepicker icons

Browse Source
This commit is contained in:
Nathan Gray 2016-03-22 16:39:52 +00:00
parent 995c6d38b4
commit e638928a11
6 changed files with 149 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,7 @@
* @package calendar * @package calendar
* @version $Id$ * @version $Id$
*/ */
/* $Id: app.css 55127 2016-02-23 22:23:01Z nathangray $ */ /* $Id: app.css 55492 2016-03-22 15:09:39Z nathangray $ */
/*Media print classes*/ /*Media print classes*/
@media print { @media print {
.th td, .th td,
@ -2483,15 +2483,42 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
padding-right: 5px !important; padding-right: 5px !important;
} }
#calendar-sidebox_date .ui-datepicker-header a span { #calendar-sidebox_date .ui-datepicker-header a span {
background-image: url('../../../phpgwapi/js/jquery/jquery-ui/redmond/images/ui-icons_217bc0_256x240.png'); width: 20px;
height: 20px;
} }
#calendar-sidebox_date .ui-datepicker-header a.ui-state-hover { #calendar-sidebox_date .ui-datepicker-header a.ui-state-hover {
top: 3px; top: 3px;
} }
#calendar-sidebox_date .ui-datepicker-header a.ui-state-hover span { #calendar-sidebox_date .ui-datepicker-header a.ui-state-hover span {
background-image: url('../../../pixelegg/images/ui-icons_egw_color_2_256x240_0C5DA5.png');
transition: none; transition: none;
} }
#calendar-sidebox_header_go {
width: 20px;
height: 20px;
background-image: url('../../../pixelegg/images/check.png');
text-indent: 140%;
border: none;
border-radius: 0px;
background-size: contain;
background-color: transparent;
}
#calendar-sidebox_header_go:hover {
background-color: transparent;
}
#calendar-sidebox_header_today {
width: 20px;
height: 20px;
background-image: url('../../../pixelegg/images/bullet.png');
text-indent: 140%;
border: none;
border-radius: 0px;
margin-left: 7px;
background-size: contain;
background-color: transparent;
}
#calendar-sidebox_header_today:hover {
background-color: transparent;
}
#calendar_cat_id, #calendar_cat_id,
#calendar_filter, #calendar_filter,
#uical_select_owner, #uical_select_owner,

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

@ -1266,16 +1266,45 @@ div#calendar-container {
padding-right: 5px !important; padding-right: 5px !important;
} }
.ui-datepicker-header a span { .ui-datepicker-header a span {
background-image: url('../../../phpgwapi/js/jquery/jquery-ui/redmond/images/ui-icons_217bc0_256x240.png') width: 20px;
height: 20px;
} }
.ui-datepicker-header a.ui-state-hover { .ui-datepicker-header a.ui-state-hover {
top: 3px; top: 3px;
span { span {
background-image: url('../../../pixelegg/images/ui-icons_egw_color_2_256x240_0C5DA5.png');
transition: none; transition: none;
} }
} }
} }
#calendar-sidebox_header_go {
width: 20px;
height: 20px;
background-image: url('../../../pixelegg/images/check.png');
text-indent: 140%;
border: none;
border-radius: 0px;
background-size: contain;
background-color: transparent;
&:hover {
background-color: transparent;
}
}
#calendar-sidebox_header_today {
width: 20px;
height: 20px;
background-image: url('../../../pixelegg/images/bullet.png');
text-indent: 140%;
border: none;
border-radius: 0px;
margin-left: 7px;
background-size: contain;
background-color: transparent;
&:hover {
background-color: transparent;
}
}
// Select Fields in Sidemenu // Select Fields in Sidemenu
#calendar_cat_id, #calendar_cat_id,

24
pixelegg/css/mobile.css
View File

@ -221,7 +221,27 @@
color: #ffffff; color: #ffffff;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png); background-image: url(../images/bullet.svg);
background-color: transparent;
background-size: contain;
border: none;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
border: none;
}
.ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/back.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span {
background-image: url(../images/forward.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span:hover {
border: none;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
@ -792,7 +812,7 @@
text-align: left; text-align: left;
position: relative; position: relative;
right: 1px; right: 1px;
top: 3px; top: 1px;
} }
.et2_dropdown button.ui-corner-left:active, .et2_dropdown button.ui-corner-left:active,
.et2_dropdown button.ui-state-default:active { .et2_dropdown button.ui-state-default:active {

22
pixelegg/css/pixelegg.css
View File

@ -210,7 +210,27 @@
color: #ffffff; color: #ffffff;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png); background-image: url(../images/bullet.svg);
background-color: transparent;
background-size: contain;
border: none;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
border: none;
}
.ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/back.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span {
background-image: url(../images/forward.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span:hover {
border: none;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;

24
pixelegg/less/etemplate2.less
View File

@ -168,7 +168,29 @@ span.et2_date span {
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png); background-image: url(../images/bullet.svg);
background-color: transparent;
background-size: contain;
border: none;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
&:hover{
border: none;
}
}
.ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/back.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span {
background-image: url(../images/forward.png) !important;
background-position: 0px 0px !important;
background-size: contain;
&:hover {
border: none;
}
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {

24
pixelegg/mobile/fw_mobile.css
View File

@ -232,7 +232,27 @@
color: #ffffff; color: #ffffff;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png); background-image: url(../images/bullet.svg);
background-color: transparent;
background-size: contain;
border: none;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
border: none;
}
.ui-datepicker .ui-datepicker-prev span {
background-image: url(../images/back.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span {
background-image: url(../images/forward.png) !important;
background-position: 0px 0px !important;
background-size: contain;
}
.ui-datepicker .ui-datepicker-next span:hover {
border: none;
} }
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
@ -803,7 +823,7 @@
text-align: left; text-align: left;
position: relative; position: relative;
right: 1px; right: 1px;
top: 3px; top: 1px;
} }
.et2_dropdown button.ui-corner-left:active, .et2_dropdown button.ui-corner-left:active,
.et2_dropdown button.ui-state-default:active { .et2_dropdown button.ui-state-default:active {