Skip to content

Instantly share code, notes, and snippets.

@mark-kubacki

mark-kubacki/designer.html

Created July 12, 2014 16:50
Show Gist options
  • Save mark-kubacki/99b7b4b751472e60c4c7 to your computer and use it in GitHub Desktop.
Save mark-kubacki/99b7b4b751472e60c4c7 to your computer and use it in GitHub Desktop.
Download ZIP
designer
Raw
designer.html
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/iconsets/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#core_tooltip {
left: 1510px;
top: 730px;
}
#core_drawer_panel {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
#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);
}
#core_drawer_panel1 {
right: 0px;
bottom: 0px;
}
#section2 {
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);
}
#section3 {
height: 100%;
box-sizing: border-box;
background-color: rgb(221, 221, 221);
}
#core_toolbar {
right: 0px;
color: rgb(255, 255, 255);
fill: rgb(255, 255, 255);
background-color: rgb(79, 125, 201);
}
</style>
<core-drawer-panel responsivewidth="900px" selected="main" id="core_drawer_panel">
<section id="folder_section" drawer>
<paper-fab icon="add" id="paper_fab1"></paper-fab>
</section>
<section id="section1" main>
<core-drawer-panel responsivewidth="600px" id="core_drawer_panel1">
<section id="thread_section" drawer>
<paper-fab icon="add" id="paper_fab" vertical layout end-justified></paper-fab>
</section>
<section id="section3" main>
<core-toolbar id="core_toolbar">
<core-icon-button icon="lock" id="core_icon_button" onclick="document.querySelector('core-drawer-panel').togglePanel();">Corp</core-icon-button>
<core-icon-button icon="menu" id="core_icon_button" onclick="this.$.drawerPanel.togglePanel();">Threads</core-icon-button>
<div id="div" flex>Multi-Forum</div>
</core-toolbar>
<table id="table" border="1">
<tbody id="tbody">
<tr id="tr">
<td id="td">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr1">
<td id="td1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr2">
<td id="td2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr3">
<td id="td3">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr4">
<td id="td4">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr5">
<td id="td5">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr6">
<td id="td6">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr7">
<td id="td7">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr8">
<td id="td8">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr9">
<td id="td9">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
<tr id="tr10">
<td id="td10">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</td>
</tr>
</tbody>
</table>
</section>
</core-drawer-panel>
</section>
</core-drawer-panel>
</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