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 the diplay divs (children), | |
michaelpg
2016/06/23 04:29:34
all indent inside <style> is off by one
michaelpg
2016/06/23 04:29:34
display
stevenjb
2016/06/23 19:11:01
Done.
stevenjb
2016/06/23 19:11:01
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 display: flex; | |
23 justify-content: center; | |
24 position: absolute; | |
25 } | |
26 .display[selected] { | |
27 border: var(--google-blue-500) solid 2px; | |
28 box-shadow: none; | |
29 } | |
30 </style> | |
31 <div id="displayArea" on-iron-resize="calculateDisplayArea_"> | |
michaelpg
2016/06/23 04:29:34
calculateVisualScale_? (this should show a console
stevenjb
2016/06/23 19:11:01
Doh. Didn't test resize.
| |
32 <template is="dom-repeat" items="[[displays]]"> | |
33 <div class="display" style$="[[getDivStyle_(item, visualScale)]]" | |
34 selected$="[[isSelected_(item, selectedDisplay)]]" | |
35 on-tap="onSelectDisplayTap_"> | |
36 [[item.name]] | |
37 </div> | |
38 </template> | |
39 </div> | |
40 </template> | |
41 <script src="display_layout.js"></script> | |
42 </dom-module> | |
OLD | NEW |