chrome/browser/resources/chromeos/emulator/device_emulator_pages.html - Issue 1999593002: Update chrome://device-emulator with newer Polymer guidelines

Side by Side Diff: chrome/browser/resources/chromeos/emulator/device_emulator_pages.html

Issue 1999593002: Update chrome://device-emulator with newer Polymer guidelines (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 7 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

« chrome/browser/resources/chromeos/emulator/audio_settings.html ('K') | « chrome/browser/resources/chromeos/emulator/device_emulator.js ('k') | chrome/browser/resources/chromeos/emulator/device_emulator_pages.js » ('j') | chrome/browser/resources/chromeos/emulator/device_emulator_pages.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <link rel="import" href="chrome://resources/html/cr.html">

	2 <link rel="import" href="chrome://resources/html/polymer.html">

	3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout-classes.html">

	4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">

	5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html">

	6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-in-animation.html">

	7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-out-animation.html">

	8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-drawer-panel/pape r-drawer-panel.html">

	9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape r-header-panel.html">

	10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-i tem.html">

	11 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis tbox.html">

	12 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">

	13 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too lbar.html">

	14 <link rel="import" href="audio_settings.html">

	15 <link rel="import" href="battery_settings.html">

	16 <link rel="import" href="bluetooth_settings.html">

	17 <link rel="import" href="icons.html">

	18 <link rel="import" href="shared_styles.html">

	19

	20 <dom-module id="device-emulator-pages">

	21 <template>

	22 <!-- TODO(michaelpg): https://github.com/Polymer/polymer/pull/3668 -->

	23 <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">

	24 :host {

	25 display: flex;

	26 flex-direction: column;

	27 }

	28

	29 paper-drawer-panel {

	30 --paper-drawer-panel-main-container: {

	31 background-color: #ddd;

	32 };

	33 }

	34

	35 paper-drawer-panel .bold {

	36 font-weight: bolder;

	37 }

	38

	39 paper-drawer-panel paper-listbox paper-icon-item {

	40 padding: 10px 5px;

	41 -webkit-margin-start: 20px;

	42 }

	43

	44 neon-animated-pages > * {

	45 @apply(--shadow-elevation-2dp);

	46 background-color: white;

	47 display: block;

	48 margin: 20px;

	49 position: relative !important;

	50 padding: 0 20px;

	51 }

	52 </style>

	53 <paper-drawer-panel class="flex layout vertical">

	54 <paper-header-panel drawer>

	55 <paper-toolbar>

	56 <div class="bold">Chrome OS Device Emulator</div>

	57 </paper-toolbar>

	58 <paper-listbox class="layout vertical" selected="{{selectedPage}}">

	59 <paper-icon-item>

	60 <iron-icon icon="device-emulator:volume-up" item-icon></iron-icon>

	61 Audio

	62 </paper-icon-item>

	63 <paper-icon-item>

	64 <iron-icon icon="device-emulator:battery-charging-full" item-icon>

	65 </iron-icon>

	66 Battery/Power

	67 </paper-icon-item>

	68 <paper-icon-item>

	69 <iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon>

	70 Bluetooth

	71 </paper-icon-item>

	72 </paper-listbox>

	73 </paper-header-panel>

	74 <paper-header-panel main class="flex layout vertical">

	75 <paper-toolbar></paper-toolbar>

	76 <neon-animated-pages class="fit" selected="[[selectedPage]]"

	77 entry-animation="fade-in-animation"

	78 exit-animation="fade-out-animation">

	79 <audio-settings id="audioSettings"></audio-settings>

	80 <battery-settings id="batterySettings"></battery-settings>

	81 <bluetooth-settings id="bluetoothSettings"></bluetooth-settings>

	82 </neon-animated-pages>

	83 </paper-header-panel>

	84 </paper-drawer-panel>

	85 </template>

	86 <script src="device_emulator_pages.js"></script>

	87 </dom-module>

OLD	NEW