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), |
| 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 |