Skip to content

Instantly share code, notes, and snippets.

@carlosg2

carlosg2/designer.html

Last active August 29, 2015 14:07
Show Gist options
  • Save carlosg2/36d64051e8c3350d3d10 to your computer and use it in GitHub Desktop.
Save carlosg2/36d64051e8c3350d3d10 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. carlosg2 revised this gist Oct 21, 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
    @@ -31,7 +31,7 @@
    <core-card id="core_card" layout vertical>
    <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-input willvalidate placeholder="{{ $.speech_mic.transcript }}" id="core_input" flex></core-input>
    <speech-mic id="speech_mic"></speech-mic>
    </core-field>
    </core-card>
  2. carlosg2 created this gist Oct 21, 2014.
    48 changes: 48 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,48 @@
    <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="../speech-mic/speech-mic.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_card {
    position: absolute;
    width: 300px;
    height: 300px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 860px;
    top: 140px;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-card id="core_card" layout vertical>
    <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>
    <speech-mic id="speech_mic"></speech-mic>
    </core-field>
    </core-card>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>