Skip to content

GitLab

T
tangled
Commit 038e6840 authored by Ionel Popescu's avatar Ionel Popescu Committed by Commit Bot
Browse files
Options

Update the month UI for input type=date 

This CL updates the popup UI for the month view of the calendar picker.

The current style was extended by using calendar_picker_refresh.css.

More tests are going to be added when the new UI will be used as the default
view for input type="month".

Bug: 1001348
Change-Id: I10ea5fc4403f1290dc803d2bc3f9e1f701b61578
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1788680
Commit-Queue: Ionel Popescu <iopopesc@microsoft.com>
Reviewed-by: default avatarMason Freed <masonfreed@chromium.org>
Reviewed-by: default avatarKent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#694828}
parent 87d09459
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 97 additions and 30 deletions
third_party/blink/renderer/core/html/forms/resources/calendar_picker_refresh.css
View file @ 038e6840
...@@ -115,4 +115,32 @@ body { ...@@ -115,4 +115,32 @@ body {
width: auto; width: auto;
} }
.year-list-view {
border: 0;
}
.scrubby-scroll-bar {
border: 0;
}
.scrubby-scroll-thumb {
width: 4px;
}
.year-list-cell {
border: 0;
}
.year-list-cell .label {
background-color: #EFEFEF;
border-color: #CECECE;
}
.month-button {
border-radius: 2px;
color: #101010;
}
.month-button.highlighted {
background-color: #F3F3F3;
}
third_party/blink/web_tests/fast/forms/controls-new-ui/calendar-picker/date-picker-month-appearance.html 0 → 100644
View file @ 038e6840
<!DOCTYPE html>
<script>
testRunner.setUseMockTheme(false);
testRunner.waitUntilDone();
</script>
<script src="../../../forms/resources/common.js"></script>
<script src="../../../forms/resources/picker-common.js"></script>
<script src="../../../forms/calendar-picker/resources/calendar-picker-common.js"></script>
<input type=date id=date value="10000-07-31">
<script>
openPicker(document.getElementById('date'), function() {
clickMonthPopupButton();
popupWindow.global.picker.monthPopupView.yearListView.element.addEventListener('webkitTransitionEnd', function() {
testRunner.notifyDone();
})
});
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment