Skip to content

Instantly share code, notes, and snippets.

@arjamizo
Created July 2, 2014 15:36
Show Gist options
  • Save arjamizo/7a869e54795edd982d54 to your computer and use it in GitHub Desktop.
Save arjamizo/7a869e54795edd982d54 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../google-map/google-map.html">
<link rel="import" href="../yt-video/yt-search-video.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#core_menu {
font-size: 16px;
left: 510px;
top: 340px;
position: absolute;
}
#core_drawer_panel {
position: absolute;
top: 410px;
right: 0px;
bottom: 0px;
left: 960px;
}
#section {
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
background-color: rgb(250, 250, 250);
}
#section1 {
height: 100%;
box-sizing: border-box;
background-color: rgb(221, 221, 221);
}
#google_map {
width: 400px;
height: 400px;
display: block;
left: 960px;
top: 190px;
position: absolute;
}
#yt_search_video {
width: 300px;
height: 300px;
left: 270px;
top: 640px;
position: absolute;
}
</style>
<core-menu selected="0" selectedindex="0" id="core_menu">
<core-submenu active label="Topics" icon="settings" id="core_submenu">
<core-item label="Topic 1" id="core_item" horizontal center layout></core-item>
<core-item label="Topic 2" id="core_item1" horizontal center layout></core-item>
</core-submenu>
<core-submenu label="Favorites" icon="settings" id="core_submenu1">
<core-item label="Favorite 1" id="core_item2" horizontal center layout></core-item>
<core-item label="Favorite 2" id="core_item3" horizontal center layout></core-item>
<core-item label="Favorite 3" id="core_item4" horizontal center layout></core-item>
</core-submenu>
</core-menu>
<core-drawer-panel id="core_drawer_panel">
<section id="section" drawer></section>
<section id="section1" main></section>
</core-drawer-panel>
<google-map id="google_map"></google-map>
<yt-search-video id="yt_search_video"></yt-search-video>
</template>
<script>
Polymer('my-element', {
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment