chrome/browser/resources/settings/device_page/display_layout.html - Issue 2084673003: MD Settings: Add display layout

Unified Diff: chrome/browser/resources/settings/device_page/display_layout.html

Issue 2084673003: MD Settings: Add display layout (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_547080_display_settings6

Patch Set: Rebase Created 4 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « chrome/browser/resources/settings/device_page/display.js ('k') | chrome/browser/resources/settings/device_page/display_layout.js » ('j') | chrome/browser/resources/settings/device_page/display_layout.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: chrome/browser/resources/settings/device_page/display_layout.html

diff --git a/chrome/browser/resources/settings/device_page/display_layout.html b/chrome/browser/resources/settings/device_page/display_layout.html

new file mode 100644

index 0000000000000000000000000000000000000000..73b0a2859efa96d87a49e9261a91938c4a9ea539

--- /dev/null

+++ b/chrome/browser/resources/settings/device_page/display_layout.html

@@ -0,0 +1,46 @@

+<!DOCTYPE html>

+<meta charset="utf-8">

+

michaelpg 2016/06/22 21:57:57 ?

stevenjb 2016/06/22 23:38:52 Sigh. Stupid editor. One of these days I will figu

michaelpg 2016/06/23 04:29:34 Maybe Google's emacs config triggers this? https:

stevenjb 2016/06/23 19:11:01 Good theory but I can't find anywhere in emacs tha

+<title>Page Title</title>

+<link rel="import" href="chrome://resources/html/polymer.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/iron-resizable-behavior/iron-resizable-behavior.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">

+<link rel="import" href="/settings_shared_css.html">

+<dom-module id="display-layout">

+ <template>

+ <style include="settings-shared">

+ /* Use relative position with no offset so that the diplay divs (children),

+ which have absolute positions, are offset from the displayArea div. */

+ #displayArea {

+ border: lightgrey solid 1px;

+ height: 100%;

+ position: relative;

+ width: 100%;

+ }

+ .display {

+ align-items: center;

+ background: var(--paper-grey-200);

+ border: var(--paper-grey-200) solid 1px;

+ box-shadow: 2px 2px var(--paper-grey-400);

+ display: flex;

+ justify-content: center;

+ position: absolute;

+ }

+ .display[selected] {

+ border: var(--google-blue-500) solid 2px;

+ box-shadow: none;

+ }

+ </style>

+ <div id="displayArea" on-iron-resize="calculateDisplayArea_">

+ <template is="dom-repeat" items="[[displays]]">

+ <div class="display" style$="[[getDivStyle_(item, visualScale)]]"

+ selected$="[[isSelected_(item, selectedDisplay)]]"

+ on-tap="onSelectDisplayTap_">

+ [[item.name]]

+ </div>

+ </template>

+ </div>

+ </template>

+ <script src="display_layout.js"></script>

+</dom-module>