mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-14 03:52:21 +03:00
Code Issues Projects Releases Packages Wiki Activity

jQuery UI datepicker improvements.

Browse source
This commit is contained in:
alext 2017-10-31 12:17:14 +01:00
parent 36bc53960b
commit 4ce43bced3
1 changed files with 131 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

156
src/assets/css/general.css
View file

@ -72,6 +72,10 @@ body .ui-widget.ui-widget-content {
padding: 0; padding: 0;
} }
body #ui-datepicker-div {
margin-top: 4px;
}
body .ui-datepicker .ui-widget-header { body .ui-datepicker .ui-widget-header {
border: none; border: none;
background: #3DD481; background: #3DD481;
@ -84,6 +88,7 @@ body .ui-datepicker .ui-widget-header .ui-icon {
body .ui-datepicker .ui-datepicker-title { body .ui-datepicker .ui-datepicker-title {
color: white; color: white;
padding: 8px 5px;
} }
body .ui-datepicker th { body .ui-datepicker th {
@ -152,6 +157,23 @@ body .ui-datepicker .ui-slider-handle {
background-color: #3DD481; background-color: #3DD481;
} }
body .ui-priority-primary,
body .ui-widget-content .ui-priority-primary,
body .ui-widget-header .ui-priority-primary {
font-weight: normal;
}
body .ui-widget input, .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body .ui-datepicker .ui-datepicker-buttonpane button {
padding: 6px 16px;
}
.breaks tr:hover td { .breaks tr:hover td {
background: #FFFFC2 !important; background: #FFFFC2 !important;
} }
@ -160,17 +182,17 @@ body .ui-datepicker .ui-slider-handle {
vertical-align: middle; vertical-align: middle;
} }
.breaks td { .breaks td {
vertical-align: middle; vertical-align: middle;
} }
li.language:hover { li.language:hover {
cursor: pointer; cursor: pointer;
color: #005580; color: #005580;
} }
#select-language { #select-language {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
padding: 4px 5px; padding: 4px 5px;
} }
@ -186,33 +208,117 @@ li.language:hover {
/* JQUERY UI DATETIME PICKER ADDON /* JQUERY UI DATETIME PICKER ADDON
------------------------------------------------------------------------- */ ------------------------------------------------------------------------- */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; width: 95%; } .ui-timepicker-div .ui-widget-header {
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } margin-bottom: 8px;
}
.ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-div dl {
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } text-align: left;
.ui-timepicker-rtl dl dt{ float: right; clear: right; } }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%;
}
.ui-timepicker-div dl dd.ui_tpicker_time {
margin-bottom: 4px;
}
.ui-timepicker-div dl dd.ui_tpicker_hour,
.ui-timepicker-div dl dd.ui_tpicker_minute {
padding-top: 8px;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
background: none;
color: inherit;
border: none;
outline: none;
width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #aaa;
}
.ui-timepicker-rtl {
direction: rtl;
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right;
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px;
}
/* Shortened version style */ /* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine dt {
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } display: none;
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
display: inline-block;
margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: ':';
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: '.';
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none;
}