Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(972)

Side by Side 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: Nit 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 unified diff | Download patch
OLDNEW
(Empty)
1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-resizable-behavior /iron-resizable-behavior.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
4 <link rel="import" href="/settings_shared_css.html">
5
6 <dom-module id="display-layout">
7 <template>
8 <style include="settings-shared">
9 /* Use relative position with no offset so that display divs (children),
10 which have absolute positions, are offset from the displayArea div. */
11 #displayArea {
12 border: lightgrey solid 1px;
13 height: 100%;
14 position: relative;
15 width: 100%;
16 }
17 .display {
18 align-items: center;
19 background: var(--paper-grey-200);
20 border: var(--paper-grey-200) solid 1px;
21 box-shadow: 2px 2px var(--paper-grey-400);
22 cursor: default;
23 display: flex;
24 justify-content: center;
25 position: absolute;
26 }
27 .display[selected] {
28 border: var(--google-blue-500) solid 2px;
29 box-shadow: none;
30 }
31 </style>
32 <div id="displayArea" on-iron-resize="calculateVisualScale_">
33 <template is="dom-repeat" items="[[displays]]">
34 <div id="_[[item.id]]" class="display"
35 style$="[[getDivStyle_(item, visualScale)]]"
36 selected$="[[isSelected_(item, selectedDisplay)]]"
37 on-tap="onSelectDisplayTap_">
38 [[item.name]]
39 </div>
40 </template>
41 </div>
42 </template>
43 <script src="display_layout.js"></script>
44 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698