diff options
| author | apacible <apacible@chromium.org> | 2016-01-15 14:19:26 -0800 |
|---|---|---|
| committer | Commit bot <commit-bot@chromium.org> | 2016-01-15 22:21:04 +0000 |
| commit | 536d95abdf3b4e7e4a45788348fa3ce6866a2992 (patch) | |
| tree | 899fba95cc7b70ec9309e152599d104574f38402 | |
| parent | 446acf6543358a806704d1cacc69255e8600079d (diff) | |
| download | chromium_src-536d95abdf3b4e7e4a45788348fa3ce6866a2992.zip chromium_src-536d95abdf3b4e7e4a45788348fa3ce6866a2992.tar.gz chromium_src-536d95abdf3b4e7e4a45788348fa3ce6866a2992.tar.bz2 | |
[Media Router] Add elevation to Media Router WebUI.
This change adds a 3dp elevation "shadow" border to the dialog contents. In cases like Mac OSX 10.11+, there are no longer dialog borders, which means it's hard to tell the difference between dialog contents and the tab contents if the color is the same (notably white).
BUG=577319
Review URL: https://codereview.chromium.org/1584343005
Cr-Commit-Position: refs/heads/master@{#369862}
| -rw-r--r-- | chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js | 1 | ||||
| -rw-r--r-- | chrome/browser/resources/media_router/media_router.css | 6 |
2 files changed, 7 insertions, 0 deletions
diff --git a/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js b/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js index 9f57dba..79b8d77 100644 --- a/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js +++ b/chrome/browser/resources/media_router/elements/media_router_container/media_router_container.js @@ -331,6 +331,7 @@ Polymer({ ready: function() { this.elementReadyTimeMs_ = performance.now(); this.showSinkList_(); + this.updateMaxSinkListHeight(this.dialogHeight_); }, attached: function() { diff --git a/chrome/browser/resources/media_router/media_router.css b/chrome/browser/resources/media_router/media_router.css index 00e539a..c2aca5e 100644 --- a/chrome/browser/resources/media_router/media_router.css +++ b/chrome/browser/resources/media_router/media_router.css @@ -9,6 +9,12 @@ body { } #media-router-container { + -webkit-margin-start: 1px; + box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), + 0 1px 8px 0 rgba(0, 0, 0, 0.12), + 0 3px 3px -2px rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; + margin-bottom: 1px; + width: calc(100% - 2px); } |