Skip to content

Instantly share code, notes, and snippets.

@dandigi
Created November 27, 2015 14:17
Show Gist options
  • Select an option

  • Save dandigi/1b914bd3d1591ba3834a to your computer and use it in GitHub Desktop.

Select an option

Save dandigi/1b914bd3d1591ba3834a to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-input/core-input.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#google_map {
width: 570px;
height: 430px;
display: block;
left: 20px;
top: 10px;
position: absolute;
}
#core_icon_button {
left: 600px;
top: 0px;
position: absolute;
}
#input {
padding: 15px;
left: 610px;
top: 40px;
position: absolute;
}
</style>
<google-map latitude="37.33891840231853" longitude="-121.38533186523438" zoom="11" id="google_map"></google-map>
<core-icon-button icon="menu" id="core_icon_button" theme="core-light-theme"></core-icon-button>
<input id="input" placeholder="type something..." is="core-input">
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment