OLD | NEW |
---|---|
(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), | |
michaelpg
2016/06/24 20:25:10
nit: space before (children)
stevenjb
2016/06/24 20:59:51
Done.
| |
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> | |
OLD | NEW |