<style include="device-emulator-shared-styles iron-flex iron-flex-alignment | |
iron-positioning"> | |
:host { | |
display: flex; | |
flex-direction: column; | |
height: 100%; | |
} | |
iron-pages { | |
max-width: 70%; | |
min-width: 70%; | |
} | |
iron-pages > * { | |
background-color: white; | |
box-shadow: var(--cr-card-shadow); | |
display: block; | |
margin: 20px; | |
padding: 0 20px 20px 20px; | |
position: relative !important; | |
} | |
cr-toolbar { | |
--cr-focus-outline-color: white; | |
--iron-icon-fill-color: white; | |
background-color: var(--google-blue-700); | |
color: white; | |
min-height: 56px; | |
z-index: 2; | |
} | |
#container { | |
align-items: center; | |
background-color: lightgray; | |
display: flex; | |
flex: 1; | |
flex-direction: column; | |
overflow: overlay; | |
position: relative; | |
} | |
iron-selector a { | |
cursor: pointer; | |
padding: 16px; | |
} | |
iron-selector a.iron-selected { | |
font-weight: bold; | |
} | |
</style> | |
<cr-toolbar page-name="Device Emulator" | |
clear-label="clear" | |
autofocus | |
search-prompt="Search not working..." | |
on-cr-toolbar-menu-tap="onMenuButtonClick_" | |
menu-label="Device Emulator" | |
role="banner" | |
show-menu> | |
</cr-toolbar> | |
<cr-drawer id="drawer" heading="Device Emulator"> | |
<div slot="body"> | |
<iron-selector selectable="a" class="layout vertical" | |
selected="{{selectedPage}}"> | |
<a> | |
<iron-icon icon="device-emulator:volume-up" item-icon></iron-icon> | |
Audio | |
</a> | |
<a> | |
<iron-icon icon="device-emulator:battery-charging-full" item-icon> | |
</iron-icon> | |
Battery/Power | |
</a> | |
<a> | |
<iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon> | |
Bluetooth | |
</a> | |
<a> | |
<iron-icon icon="device-emulator:mouse" item-icon></iron-icon> | |
Input Devices | |
</a> | |
</iron-selector> | |
</div> | |
</cr-drawer> | |
<div id="container" class="no-outline"> | |
<iron-pages selected="[[selectedPage]]"> | |
<audio-settings id="audioSettings"></audio-settings> | |
<battery-settings id="batterySettings"></battery-settings> | |
<bluetooth-settings id="bluetoothSettings"></bluetooth-settings> | |
<input-device-settings id="inputDeviceSettings"></input-device-settings> | |
</iron-pages> | |
</div> |