extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-13 17:38:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Move date picker prev / next buttons to right side of header, with today button in between

Browse Source
This commit is contained in:
Nathan Gray 2016-01-22 20:47:58 +00:00
parent 403fb60ad6
commit 1804a84062
8 changed files with 45 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
etemplate/templates/default/etemplate2.css
View File

@ -431,6 +431,30 @@ span.et2_date span {
span.et2_date_duration input.et2_date_duration{ span.et2_date_duration input.et2_date_duration{
width: 5em; width: 5em;
} }
/* customize calendar layout */
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
margin-left: 2px;
margin-right: 4.6em;
text-align: left;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: initial;
right: 4em;
}
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
position: absolute;
top: -2px;
right: 24px;
width: 23px;
height: 23px;
overflow: hidden;
background-color: white;
margin-left: 3px;
text-indent: 20px;
background-size: contain;
background-image: url(images/today.png);
}
/** /**
* Dialog widget * Dialog widget
* It uses jQueryUI, so this is just our little bits - icon on left * It uses jQueryUI, so this is just our little bits - icon on left

BIN
etemplate/templates/default/images/today.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 784 B

BIN
etemplate/templates/pixelegg/images/today.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

14
pixelegg/css/mobile.css
View File

@ -220,6 +220,9 @@
span.et2_date span { span.et2_date span {
color: #ffffff; color: #ffffff;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png);
}
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -2186,6 +2189,7 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@import-once "def_colors.less";
#socialMedia { #socialMedia {
position: relative; position: relative;
bottom: 20px; bottom: 20px;
@ -4263,7 +4267,7 @@ td.message span.message {
text-decoration: none; text-decoration: none;
height: 32px; height: 32px;
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12.1px; font-size: 12.100000000000001px;
line-height: 1.5em; line-height: 1.5em;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@ -4287,7 +4291,7 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px; padding-right: 20px;
font-size: 12.1px; font-size: 12.100000000000001px;
content: " "; content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4683,7 +4687,7 @@ td.message span.message {
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;
/*font-size: 12px;*/ /*font-size: 12px;*/
font-size: 12.1px; font-size: 12.100000000000001px;
line-height: 17px; line-height: 17px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4855,7 +4859,7 @@ td.message span.message {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12.1px; font-size: 12.100000000000001px;
background-image: url(../images/arrow_left.png); background-image: url(../images/arrow_left.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
@ -7171,7 +7175,7 @@ span.egw_tutorial_title {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12.1px; font-size: 12.100000000000001px;
background-image: url(../images/arrow_left.png); background-image: url(../images/arrow_left.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;

12
pixelegg/css/pixelegg.css
View File

@ -209,6 +209,9 @@
span.et2_date span { span.et2_date span {
color: #ffffff; color: #ffffff;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png);
}
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -2175,6 +2178,7 @@ body {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
@import-once "def_colors.less";
#socialMedia { #socialMedia {
position: relative; position: relative;
bottom: 20px; bottom: 20px;
@ -4252,7 +4256,7 @@ td.message span.message {
text-decoration: none; text-decoration: none;
height: 32px; height: 32px;
/*font-size: 1.1em;*/ /*font-size: 1.1em;*/
font-size: 12.1px; font-size: 12.100000000000001px;
line-height: 1.5em; line-height: 1.5em;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
@ -4276,7 +4280,7 @@ td.message span.message {
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
padding-right: 20px; padding-right: 20px;
font-size: 12.1px; font-size: 12.100000000000001px;
content: " "; content: " ";
background-image: url(../images/topmenu_items/home.png); background-image: url(../images/topmenu_items/home.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4672,7 +4676,7 @@ td.message span.message {
padding-left: 3em; padding-left: 3em;
color: #999999; color: #999999;
/*font-size: 12px;*/ /*font-size: 12px;*/
font-size: 12.1px; font-size: 12.100000000000001px;
line-height: 17px; line-height: 17px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object {
@ -4844,7 +4848,7 @@ td.message span.message {
margin: 5px 0px 3px 5px; margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;
line-height: 1em; line-height: 1em;
font-size: 12.1px; font-size: 12.100000000000001px;
background-image: url(../images/arrow_left.png); background-image: url(../images/arrow_left.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;

BIN
pixelegg/images/day.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
pixelegg/images/today.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

4
pixelegg/less/etemplate2.less
View File

@ -168,6 +168,10 @@ span.et2_date span {
color: @gray_0; color: @gray_0;
} }
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/today.png);
}
.et2_file .progress li:hover div.remove { .et2_file .progress li:hover div.remove {
.dimension_width_height_s; .dimension_width_height_s;
} }