jingrow/air-datepicker
1
0
Fork 0
mirror of https://github.com/frappe/air-datepicker.git synced 2026-01-14 11:01:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

change current time style

Browse Source
This commit is contained in:
t1m0n 2016-03-01 11:50:29 +03:00
parent 2fa2033611
commit 2966825be5
6 changed files with 42 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
dist/css/datepicker.css vendored
View File

@ -430,7 +430,24 @@
margin: 0 0 0 10px; }
.datepicker--time-current-colon {
margin: 0 1px; }
margin: 0 1px 3px;
line-height: 1; }
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px; }
.datepicker--time-row {
display: -webkit-flex;

2
dist/css/datepicker.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
dist/js/datepicker.js vendored
View File

@ -1808,13 +1808,11 @@ var Datepicker;
' </div>' +
'</div>' +
'<div class="datepicker--time-current">' +
' <i class="datepicker--time-icon"></i>' +
' <span data-max="#{hourMax}" class="datepicker--time-current-hours">#{hourValue}</span>' +
' <span class="datepicker--time-current-hours">#{hourValue}</span>' +
' <span class="datepicker--time-current-colon">:</span>' +
' <span data-max="#{hourMax}" class="datepicker--time-current-minutes">#{minValue}</span>' +
' <span class="datepicker--time-current-minutes">#{minValue}</span>' +
'</div>' +
'</div>',
inputTimeout = 10;
'</div>';
datepicker.Timepicker = function (inst, opts) {
this.d = inst;

4
dist/js/datepicker.min.js vendored
View File

File diff suppressed because one or more lines are too long

8
src/js/timepicker.js
View File

@ -16,13 +16,11 @@
' </div>' +
'</div>' +
'<div class="datepicker--time-current">' +
' <i class="datepicker--time-icon"></i>' +
' <span data-max="#{hourMax}" class="datepicker--time-current-hours">#{hourValue}</span>' +
' <span class="datepicker--time-current-hours">#{hourValue}</span>' +
' <span class="datepicker--time-current-colon">:</span>' +
' <span data-max="#{hourMax}" class="datepicker--time-current-minutes">#{minValue}</span>' +
' <span class="datepicker--time-current-minutes">#{minValue}</span>' +
'</div>' +
'</div>',
inputTimeout = 10;
'</div>';
datepicker.Timepicker = function (inst, opts) {
this.d = inst;

17
src/sass/timepicker.scss
View File

@ -60,12 +60,24 @@ $rangeThumbBg: #dedede;
}
.datepicker--time-current-colon {
margin: 0 1px;
margin: 0 1px 3px;
line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.datepicker--time-current-ampm {
text-transform: uppercase;
align-self: flex-end;
color: map_get($textColor, navArrows);
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px;
}
.datepicker--time-row {
@ -184,4 +196,5 @@ $rangeThumbBg: #dedede;
top: calc(50% + 1px);
left: calc(50% - 1px);
}
}
}