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