Source/WebCore/ChangeLog

 12012-08-01 Yoshifumi Inoue <yosin@chromium.org>
 2
 3 [CSS] Add selectors for multiple fields time input UI.
 4 https://bugs.webkit.org/show_bug.cgi?id=92834
 5
 6 Reviewed by NOBODY (OOPS!).
 7
 8 This patch adds new selectors and "height" property to spin button
 9 for multiple fields time input UI.
 10
 11 RenderTextControlSingleLine::layout() sets height of spin button for
 12 input type "number" and other input types using RenderTextControlSingleLine
 13 as renderer object. However, multiple fields time input UI doesn't use
 14 it and needs to set height of spin button.
 15
 16 No new tests. This patch doesn't change behavior.
 17
 18 * css/html.css:
 19 (input::-webkit-datetime-edit): Added.
 20 (input::-webkit-datetime-edit-ampm-field): Added.
 21 (input::-webkit-datetime-edit-hour-field): Added.
 22 (input::-webkit-datetime-edit-millisecond-field): Added.
 23 (input::-webkit-datetime-edit-minute-field): Added.
 24 (input::-webkit-datetime-edit-minute-field[readonly]): Added. This selector
 25 is used for step>=3600 second and time format contains minute field.
 26 (input::-webkit-datetime-edit-second-field): Added.
 27 (input::-webkit-datetime-edit-second-field[readonly]): Added. This selector
 28 is used for step>=60 second and time format contains second field.
 29 (input::-webkit-inner-spin-button): Add "height" property for using
 30 spin button other than RenderTextControlSingleLine.
 31
1322012-08-01 Kwang Yul Seo <skyul@company100.net>
233
334 Make HTMLConstructionSite::createHTMLElement(AtomicHTMLToken*) private.

Source/WebCore/css/html.css

@@datalist {
471471}
472472#endif
473473
 474#if defined(ENABLE_INPUT_TYPE_TIME_MULTIPLE_FIELDS) && ENABLE_INPUT_TYPE_TIME_MULTIPLE_FIELDS
 475input[type="time"] {
 476 font-family: monospace;
 477}
 478
 479input::-webkit-datetime-edit {
 480 -webkit-user-modify: read-only !important;
 481 display: -webkit-box;
 482 -webkit-box-align: center;
 483}
 484
 485input::-webkit-datetime-edit-ampm-field {
 486 -webkit-user-modify: read-only !important;
 487 border: none;
 488 width: 2em;
 489 padding: 2px;
 490}
 491
 492input::-webkit-datetime-edit-hour-field {
 493 -webkit-user-modify: read-only !important;
 494 display: inline-block;
 495 border: none;
 496 text-align: center;
 497 width: 1.2em;
 498 padding: 2px;
 499}
 500
 501input::-webkit-datetime-edit-millisecond-field {
 502 -webkit-user-modify: read-only !important;
 503 display: inline-block;
 504 border: none;
 505 text-align: center;
 506 width: 1.8em;
 507 padding: 2px;
 508}
 509
 510input::-webkit-datetime-edit-minute-field {
 511 -webkit-user-modify: read-only !important;
 512 display: inline-block;
 513 border: none;
 514 text-align: center;
 515 width: 1.2em;
 516 padding: 2px;
 517}
 518
 519/* This selector is used when step >= 3600 second but format contains minute field. */
 520input::-webkit-datetime-edit-minute-field[readonly] {
 521 color: GrayText;
 522}
 523
 524input::-webkit-datetime-edit-second-field {
 525 -webkit-user-modify: read-only !important;
 526 display: inline-block;
 527 border: none;
 528 text-align: center;
 529 width: 1.2em;
 530 padding: 2px;
 531}
 532
 533/* This selector is used when step >= 60 second but format contains second field. */
 534input::-webkit-datetime-edit-second-field[readonly] {
 535 color: GrayText;
 536}
 537#endif
 538
474539input::-webkit-inner-spin-button {
475540 -webkit-appearance: inner-spin-button;
476541 display: block;
477542 position: relative;
478543 cursor: default;
 544 /* This height property is ignored for input type "number" and others which
 545 * use RenderTextControlSingleLine as renderer which sets height of spin
 546 * button in layout(). */
 547 height: 1.5em;
479548 vertical-align: top;
480549 -webkit-box-flex: 0;
481550 -webkit-user-select: none;