Commit a1f427ed authored by Ionel Popescu's avatar Ionel Popescu Committed by Commit Bot

Add border to controls popups.

Prior to this CL on platforms where popups don't have drop shadow,
the content of the popups is going to blend with the rest of the page.

This CL adds border to popups in order to avoid the issue described above.

Bug: 1048219
Change-Id: Ifb69fb204239f8d95f6b3feab704505709cbddf6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2036250
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@{#738461}
parent 7a6e16ce
...@@ -53,7 +53,7 @@ body.controls-refresh { ...@@ -53,7 +53,7 @@ body.controls-refresh {
} }
.controls-refresh .color-suggestion-picker-main { .controls-refresh .color-suggestion-picker-main {
border: 0; border: 1px solid #bfbfbf;
box-shadow: none; box-shadow: none;
padding: 8px 8px 4px 8px; padding: 8px 8px 4px 8px;
} }
......
...@@ -14,6 +14,7 @@ body { ...@@ -14,6 +14,7 @@ body {
color-picker { color-picker {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid #bfbfbf;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 250px; height: 250px;
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
function initializeMonthPicker(config) { function initializeMonthPicker(config) {
global.picker = new MonthPicker(config); global.picker = new MonthPicker(config);
main.append(global.picker); main.append(global.picker);
main.style.border = '1px solid transparent'; main.style.border = '1px solid #bfbfbf';
main.style.height = (MonthPicker.Height - 2) + 'px'; main.style.height = (MonthPicker.Height - 2) + 'px';
main.style.width = (MonthPicker.Width - 2) + 'px'; main.style.width = (MonthPicker.Width - 2) + 'px';
resizeWindow(MonthPicker.Width, MonthPicker.Height); resizeWindow(MonthPicker.Width, MonthPicker.Height);
......
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
} }
.controls-refresh .suggestion-list { .controls-refresh .suggestion-list {
border-color: transparent; border-color: #bfbfbf;
padding: 4px; padding: 4px;
} }
......
...@@ -9,10 +9,10 @@ body { ...@@ -9,10 +9,10 @@ body {
.time-picker { .time-picker {
background: #FFFFFF; background: #FFFFFF;
border: 1px solid transparent; border: 1px solid #bfbfbf;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 260px; height: 258px;
} }
.time-columns { .time-columns {
......
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