feat: now playing web component
This commit is contained in:
parent
2c606a6d13
commit
a4607bccd9
28 changed files with 159 additions and 131 deletions
|
@ -1,22 +1,20 @@
|
|||
{% capture css %}
|
||||
{% render "../../assets/styles/widgets/share-button.css" %}
|
||||
{% render "../../assets/styles/components/share-button.css" %}
|
||||
{% endcapture %}
|
||||
<style>{{ css }}</style>
|
||||
<script type="module" src="/assets/scripts/share-button.js"></script>
|
||||
<span class="client-side">
|
||||
<share-button>
|
||||
<button class="icon--small icon--center__vertical">{% tablericon "share" "Share" %}</button>
|
||||
<label>
|
||||
Share this page
|
||||
<input
|
||||
type="url"
|
||||
readonly
|
||||
value="{{ url }}"
|
||||
onclick="this.select()"
|
||||
/>
|
||||
</label>
|
||||
</share-button>
|
||||
</span>
|
||||
<script type="module" src="/assets/scripts/components/share-button.js"></script>
|
||||
<share-button>
|
||||
<button class="icon--small icon--center__vertical">{% tablericon "share" "Share" %}</button>
|
||||
<label>
|
||||
Share this page
|
||||
<input
|
||||
type="url"
|
||||
readonly
|
||||
value="{{ url }}"
|
||||
onclick="this.select()"
|
||||
/>
|
||||
</label>
|
||||
</share-button>
|
||||
<style>
|
||||
share-button:not(:defined) button,
|
||||
share-button:defined label {
|
||||
|
|
Reference in a new issue