Skip to content

Instantly share code, notes, and snippets.

@AdrianTP

AdrianTP/designer.html

Last active August 29, 2015 14:08
Show Gist options
  • Save AdrianTP/4e9655a9c6786e85fe88 to your computer and use it in GitHub Desktop.
Save AdrianTP/4e9655a9c6786e85fe88 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. AdrianTP revised this gist Nov 6, 2014. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -98,13 +98,14 @@
    this.$.drawerPanel.togglePanel();
    },
    toggleFullscreen: function() {
    console.log("hello");
    // if (App.isFullscreenEnabled()) {
    if (!App.isFullscreen()) {
    console.log("going fullscreen");
    App.launchFullscreen(document.documentElement);
    this.$.fullscreen_button.icon = "fullscreen-exit";
    } else {
    App.exitFullscreen(document.documentElement);
    console.log("exiting fullscreen");
    App.exitFullscreen();
    this.$.fullscreen_button.icon = "fullscreen";
    }
    // } else {
  2. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -98,6 +98,7 @@
    this.$.drawerPanel.togglePanel();
    },
    toggleFullscreen: function() {
    console.log("hello");
    // if (App.isFullscreenEnabled()) {
    if (!App.isFullscreen()) {
    App.launchFullscreen(document.documentElement);
  3. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -98,17 +98,17 @@
    this.$.drawerPanel.togglePanel();
    },
    toggleFullscreen: function() {
    if (App.isFullscreenEnabled()) {
    // if (App.isFullscreenEnabled()) {
    if (!App.isFullscreen()) {
    App.launchFullscreen(document.documentElement);
    this.$.fullscreen_button.icon = "fullscreen-exit";
    } else {
    App.exitFullscreen(document.documentElement);
    this.$.fullscreen_button.icon = "fullscreen";
    }
    } else {
    return false;
    }
    // } else {
    // return false;
    // }
    }
    });

  4. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -60,7 +60,7 @@
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon" on-tap="{{ toggleDrawer }}"></paper-icon-button>
    <span id="span" flex>Title</span>
    <core-icon-button icon="fullscreen" id="fullscreen_button" theme="core-light-theme" on-tap="{{requestFullscreen}}"></core-icon-button>
    <core-icon-button icon="fullscreen" id="fullscreen_button" theme="core-light-theme" on-tap="{{toggleFullscreen}}"></core-icon-button>
    </core-toolbar>
    <div id="div" class="content">
    If drawer is hidden, press button to display drawer.
  5. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -71,7 +71,7 @@

    <script>

    App = App || {
    var App = App || {
    getFullscreenElement: function() {
    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
    },
  6. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 39 additions and 0 deletions.
    39 changes: 39 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -39,6 +39,9 @@
    position: relative;
    background-color: rgb(136, 136, 136);
    }
    #core_icon_button {
    position: relative;
    }
    </style>
    <core-drawer-panel transition id="drawerPanel" touch-action>
    <core-header-panel id="core_header_panel" drawer>
    @@ -57,6 +60,7 @@
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon" on-tap="{{ toggleDrawer }}"></paper-icon-button>
    <span id="span" flex>Title</span>
    <core-icon-button icon="fullscreen" id="fullscreen_button" theme="core-light-theme" on-tap="{{requestFullscreen}}"></core-icon-button>
    </core-toolbar>
    <div id="div" class="content">
    If drawer is hidden, press button to display drawer.
    @@ -67,9 +71,44 @@

    <script>

    App = App || {
    getFullscreenElement: function() {
    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
    },
    isFullscreenEnabled: function() {
    return document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled;
    },
    isFullscreen: function() {
    return document.isFullscreen || document.mozIsFullScreen || document.webkitIsFullScreen;
    },
    launchFullscreen: function(element) {
    if (element.requestFullscreen) { element.requestFullscreen(); }
    else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); }
    else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); }
    else if (element.msRequestFullscreen) { element.msRequestFullscreen(); }
    },
    exitFullscreen: function() {
    if (document.exitFullscreen) { document.exitFullscreen(); }
    else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); }
    else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); }
    }
    };
    Polymer({
    toggleDrawer: function () {
    this.$.drawerPanel.togglePanel();
    },
    toggleFullscreen: function() {
    if (App.isFullscreenEnabled()) {
    if (!App.isFullscreen()) {
    App.launchFullscreen(document.documentElement);
    this.$.fullscreen_button.icon = "fullscreen-exit";
    } else {
    App.exitFullscreen(document.documentElement);
    this.$.fullscreen_button.icon = "fullscreen";
    }
    } else {
    return false;
    }
    }
    });

  7. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 17 additions and 36 deletions.
    53 changes: 17 additions & 36 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,9 +2,12 @@
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">
    <link rel="import" href="../core-field/core-field.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-input/core-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">

    <polymer-element name="my-element">
    @@ -17,35 +20,6 @@
    height: 100%;
    box-sizing: border-box;
    }
    /*#core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    }
    #core_toolbar {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    #core_menu {
    font-size: 16px;
    }
    #core_field {
    left: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 472px;
    position: absolute;
    top: 12px;
    }*/
    body {
    font-family: sans-serif;
    }
    @@ -61,23 +35,30 @@
    core-drawer-panel:not([narrow]) #navicon {
    display: none;
    }
    #core_field {
    position: relative;
    background-color: rgb(136, 136, 136);
    }
    </style>
    <core-drawer-panel transition id="drawerPanel" touch-action>
    <core-header-panel id="core_header_panel" drawer>
    <core-toolbar id="navheader'">
    <span>Menu</span>
    <core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout>
    <core-icon icon="search" id="core_icon"></core-icon>
    <core-input willvalidate placeholder="text input" id="core_input" flex></core-input>
    </core-field>
    </core-toolbar>
    <core-menu id="core_menu">
    <core-item label="One" horizontal center layout></core-item>
    <core-item label="Two" horizontal center layout></core-item>
    <core-menu selected="0" selectedindex="0" id="core_menu">
    <core-item id="core_item" label="One" horizontal center layout active></core-item>
    <core-item id="core_item1" label="Two" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <core-header-panel id="core_header_panel1" main>
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon" on-tap="{{ toggleDrawer }}"></paper-icon-button>
    <span flex>Title</span>
    <span id="span" flex>Title</span>
    </core-toolbar>
    <div class="content">
    <div id="div" class="content">
    If drawer is hidden, press button to display drawer.
    </div>
    </core-header-panel>
  8. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 2 additions and 5 deletions.
    7 changes: 2 additions & 5 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -17,7 +17,7 @@
    height: 100%;
    box-sizing: border-box;
    }
    #core_scaffold {
    /*#core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    @@ -45,14 +45,11 @@
    left: 472px;
    position: absolute;
    top: 12px;
    }
    }*/
    body {
    font-family: sans-serif;
    }
    core-drawer-panel {
    background: rgb(51,51,51);
    }
    core-header-panel {
    background: rgb(51, 51, 51);
    }
    core-toolbar {
  9. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -49,6 +49,9 @@
    body {
    font-family: sans-serif;
    }
    core-drawer-panel {
    background: rgb(51,51,51);
    }
    core-header-panel {
    background: rgb(51, 51, 51);
    }
  10. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 4 additions and 26 deletions.
    30 changes: 4 additions & 26 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -7,14 +7,6 @@
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">

    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-header-panel/core-header-panel.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="../paper-icon-button/paper-icon-button.html">

    <polymer-element name="my-element">

    <template>
    @@ -54,24 +46,18 @@
    position: absolute;
    top: 12px;
    }

    body {
    font-family: sans-serif;
    }
    core-header-panel {
    background: #333;
    background: rgb(51, 51, 51);
    }
    core-toolbar {
    background-color: #050;
    }
    #navheader {
    background-color: #56BA89;
    background-color: rgb(0, 85, 0);
    }
    .content {
    padding: 20px;
    }
    /* drawer is always visible on a wide screen
    so menu button isn't required */
    core-drawer-panel:not([narrow]) #navicon {
    display: none;
    }
    @@ -88,7 +74,7 @@
    </core-header-panel>
    <core-header-panel id="core_header_panel1" main>
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon" on-tap="{{toggleDrawer}}"></paper-icon-button>
    <paper-icon-button icon="menu" id="navicon" on-tap="{{ toggleDrawer }}"></paper-icon-button>
    <span flex>Title</span>
    </core-toolbar>
    <div class="content">
    @@ -101,18 +87,10 @@
    <script>

    Polymer({
    toggleDrawer: function() {
    toggleDrawer: function () {
    this.$.drawerPanel.togglePanel();
    }
    });

    document.addEventListener('polymer-ready', function() {
    var navicon = document.getElementById('navicon');
    var drawerPanel = document.getElementById('drawerPanel');
    navicon.addEventListener('click', function() {
    drawerPanel.togglePanel();
    });
    });

    </script>

  11. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -88,7 +88,7 @@
    </core-header-panel>
    <core-header-panel id="core_header_panel1" main>
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    <paper-icon-button icon="menu" id="navicon" on-tap="{{toggleDrawer}}"></paper-icon-button>
    <span flex>Title</span>
    </core-toolbar>
    <div class="content">
    @@ -101,7 +101,9 @@
    <script>

    Polymer({

    toggleDrawer: function() {
    this.$.drawerPanel.togglePanel();
    }
    });

    document.addEventListener('polymer-ready', function() {
  12. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -62,7 +62,7 @@
    background: #333;
    }
    core-toolbar {
    background-color: #055;
    background-color: #050;
    }
    #navheader {
    background-color: #56BA89;
  13. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -62,7 +62,7 @@
    background: #333;
    }
    core-toolbar {
    background-color: #000;
    background-color: #055;
    }
    #navheader {
    background-color: #56BA89;
  14. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -62,7 +62,7 @@
    background: #333;
    }
    core-toolbar {
    background-color: #03A9F4;
    background-color: #000;
    }
    #navheader {
    background-color: #56BA89;
  15. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -59,7 +59,7 @@
    font-family: sans-serif;
    }
    core-header-panel {
    background: #555;
    background: #333;
    }
    core-toolbar {
    background-color: #03A9F4;
  16. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -54,11 +54,12 @@
    position: absolute;
    top: 12px;
    }

    body {
    font-family: sans-serif;
    }
    core-header-panel {
    background: white;
    background: #555;
    }
    core-toolbar {
    background-color: #03A9F4;
  17. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,6 +6,7 @@
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">

    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-item/core-item.html">
  18. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 7 additions and 7 deletions.
    14 changes: 7 additions & 7 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,13 +6,13 @@
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../../components/core-toolbar/core-toolbar.html">
    <link rel="import" href="../../components/core-menu/core-menu.html">
    <link rel="import" href="../../components/core-item/core-item.html">
    <link rel="import" href="../../components/core-header-panel/core-header-panel.html">
    <link rel="import" href="../../components/core-drawer-panel/core-drawer-panel.html">
    <link rel="import" href="../../components/core-icons/core-icons.html">
    <link rel="import" href="../../components/paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-header-panel/core-header-panel.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="../paper-icon-button/paper-icon-button.html">

    <polymer-element name="my-element">

  19. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,6 +6,13 @@
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../../components/core-toolbar/core-toolbar.html">
    <link rel="import" href="../../components/core-menu/core-menu.html">
    <link rel="import" href="../../components/core-item/core-item.html">
    <link rel="import" href="../../components/core-header-panel/core-header-panel.html">
    <link rel="import" href="../../components/core-drawer-panel/core-drawer-panel.html">
    <link rel="import" href="../../components/core-icons/core-icons.html">
    <link rel="import" href="../../components/paper-icon-button/paper-icon-button.html">

    <polymer-element name="my-element">

  20. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 36 additions and 1 deletion.
    37 changes: 36 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -11,6 +11,41 @@

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    }
    #core_toolbar {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    #core_menu {
    font-size: 16px;
    }
    #core_field {
    left: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 472px;
    position: absolute;
    top: 12px;
    }
    body {
    font-family: sans-serif;
    }
    @@ -27,7 +62,7 @@
    padding: 20px;
    }
    /* drawer is always visible on a wide screen
    so menu button isn't required */
    so menu button isn't required */
    core-drawer-panel:not([narrow]) #navicon {
    display: none;
    }
  21. AdrianTP revised this gist Nov 5, 2014. No changes.
  22. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 25 additions and 38 deletions.
    63 changes: 25 additions & 38 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,63 +6,43 @@
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../core-scaffold/core-scaffold.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-field/core-field.html">
    <link rel="import" href="../core-icon/core-icon.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;
    body {
    font-family: sans-serif;
    }
    #core_scaffold {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    core-header-panel {
    background: white;
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    core-toolbar {
    background-color: #03A9F4;
    }
    #core_toolbar {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    #navheader {
    background-color: #56BA89;
    }
    #core_menu {
    font-size: 16px;
    .content {
    padding: 20px;
    }
    #core_field {
    left: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 472px;
    position: absolute;
    top: 12px;
    /* drawer is always visible on a wide screen
    so menu button isn't required */
    core-drawer-panel:not([narrow]) #navicon {
    display: none;
    }
    </style>
    <core-drawer-panel transition id="drawerPanel" touch-action>
    <core-header-panel drawer>
    <core-header-panel id="core_header_panel" drawer>
    <core-toolbar id="navheader'">
    <span>Menu</span>
    </core-toolbar>
    <core-menu>
    <core-menu id="core_menu">
    <core-item label="One" horizontal center layout></core-item>
    <core-item label="Two" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <core-header-panel main>
    <core-header-panel id="core_header_panel1" main>
    <core-toolbar id="mainheader">
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    <span flex>Title</span>
    @@ -72,14 +52,21 @@
    </div>
    </core-header-panel>
    </core-drawer-panel>

    </template>

    <script>

    Polymer({

    });

    document.addEventListener('polymer-ready', function() {
    var navicon = document.getElementById('navicon');
    var drawerPanel = document.getElementById('drawerPanel');
    navicon.addEventListener('click', function() {
    drawerPanel.togglePanel();
    });
    });

    </script>

  23. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 14 additions and 29 deletions.
    43 changes: 14 additions & 29 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,16 @@
    <link rel="import" href="../core-scaffold/core-scaffold.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">
    <link rel="import" href="../core-menu/core-menu.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="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../core-scaffold/core-scaffold.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-field/core-field.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-input/core-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-menu/core-submenu.html">

    <polymer-element name="my-element">

    @@ -50,44 +52,27 @@
    top: 12px;
    }
    </style>
    <core-drawer-panel id="drawerPanel">
    <core-header-panel drawer>
    <core-drawer-panel transition id="drawerPanel" touch-action>
    <core-header-panel drawer>
    <core-toolbar id="navheader'">
    <span>Menu</span>
    </core-toolbar>
    <core-menu>
    <core-item label="One"></core-item>
    <core-item label="Two"></core-item>
    <core-item label="One" horizontal center layout></core-item>
    <core-item label="Two" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>

    <core-header-panel main>
    <core-toolbar id="mainheader">
    <paper-icon-button
    id="navicon" icon="menu"></paper-icon-button>
    <paper-icon-button icon="menu" id="navicon"></paper-icon-button>
    <span flex>Title</span>
    </core-toolbar>
    <div class="content">
    If drawer is hidden, press button to display drawer.
    </div>
    </core-header-panel>
    </core-drawer-panel>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
    <core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout>
    <core-icon icon="search" id="core_icon"></core-icon>
    <core-input willvalidate placeholder="text input" id="core_input" flex></core-input>
    </core-field>
    </core-toolbar>
    <core-menu valueattr="label" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Item1" horizontal center layout></core-item>
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>This is a Title</div>
    <core-icon-button icon="fullscreen" id="core_icon_button" theme="core-light-theme"></core-icon-button>
    </core-scaffold>

    </template>

    <script>
  24. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 25 additions and 2 deletions.
    27 changes: 25 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -45,10 +45,33 @@
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 100px;
    position: relative;
    left: 472px;
    position: absolute;
    top: 12px;
    }
    </style>
    <core-drawer-panel id="drawerPanel">
    <core-header-panel drawer>
    <core-toolbar id="navheader'">
    <span>Menu</span>
    </core-toolbar>
    <core-menu>
    <core-item label="One"></core-item>
    <core-item label="Two"></core-item>
    </core-menu>
    </core-header-panel>

    <core-header-panel main>
    <core-toolbar id="mainheader">
    <paper-icon-button
    id="navicon" icon="menu"></paper-icon-button>
    <span flex>Title</span>
    </core-toolbar>
    <div class="content">
    If drawer is hidden, press button to display drawer.
    </div>
    </core-header-panel>
    </core-drawer-panel>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar">
  25. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 2 additions and 4 deletions.
    6 changes: 2 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -45,9 +45,8 @@
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 792px;
    top: 12px;
    position: absolute;
    left: 100px;
    position: relative;
    }
    </style>
    <core-scaffold id="core_scaffold">
    @@ -65,7 +64,6 @@
    </core-header-panel>
    <div id="div" tool>This is a Title</div>
    <core-icon-button icon="fullscreen" id="core_icon_button" theme="core-light-theme"></core-icon-button>
    <core-list id="core_list" layout vertical></core-list>
    </core-scaffold>
    </template>

  26. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -45,7 +45,7 @@
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 102px;
    left: 792px;
    top: 12px;
    position: absolute;
    }
    @@ -64,8 +64,8 @@
    </core-menu>
    </core-header-panel>
    <div id="div" tool>This is a Title</div>
    <core-list id="core_list" layout vertical></core-list>
    <core-icon-button icon="fullscreen" id="core_icon_button" theme="core-light-theme"></core-icon-button>
    <core-list id="core_list" layout vertical></core-list>
    </core-scaffold>
    </template>

  27. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -44,6 +44,11 @@
    position: relative;
    background-color: rgb(255, 255, 255);
    }
    #core_icon_button {
    left: 102px;
    top: 12px;
    position: absolute;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    @@ -60,6 +65,7 @@
    </core-header-panel>
    <div id="div" tool>This is a Title</div>
    <core-list id="core_list" layout vertical></core-list>
    <core-icon-button icon="fullscreen" id="core_icon_button" theme="core-light-theme"></core-icon-button>
    </core-scaffold>
    </template>

  28. AdrianTP revised this gist Nov 5, 2014. No changes.
  29. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 17 additions and 5 deletions.
    22 changes: 17 additions & 5 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,6 +4,10 @@
    <link rel="import" href="../core-item/core-item.html">
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-field/core-field.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-input/core-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-menu/core-submenu.html">

    <polymer-element name="my-element">
    @@ -35,18 +39,26 @@
    #core_menu {
    font-size: 16px;
    }
    #core_field {
    left: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-scaffold id="scaffold">
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="drawer_toolbar"></core-toolbar>
    <core-toolbar id="core_toolbar">
    <core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout>
    <core-icon icon="search" id="core_icon"></core-icon>
    <core-input willvalidate placeholder="text input" id="core_input" flex></core-input>
    </core-field>
    </core-toolbar>
    <core-menu valueattr="label" id="core_menu" theme="core-light-theme">
    <core-item id="core_item" icon="settings" label="Item1" horizontal center layout></core-item>
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <core-toolbar id="main_toolbar" mode="waterfall-tall" tallclass="medium-tall">
    <div id="div" tool>Title</div>
    </core-toolbar>
    <div id="div" tool>This is a Title</div>
    <core-list id="core_list" layout vertical></core-list>
    </core-scaffold>
    </template>
  30. AdrianTP revised this gist Nov 5, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -44,7 +44,7 @@
    <core-item id="core_item1" icon="settings" label="Item2" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <core-toolbar id="main_toolbar">
    <core-toolbar id="main_toolbar" mode="waterfall-tall" tallclass="medium-tall">
    <div id="div" tool>Title</div>
    </core-toolbar>
    <core-list id="core_list" layout vertical></core-list>