Commit cfdd8a58 authored by David Trattnig's avatar David Trattnig
Browse files

Use anchor link instead of button for show ref

parent 3bcad816
<script>
import Card, { Content, Actions } from '@smui/card'
import Card, { Content } from '@smui/card'
import LayoutGrid, { Cell } from '@smui/layout-grid'
import Button, { Label } from '@smui/button'
import Display from '../common/Display.svelte'
import DateTime from '../common/DateTime.svelte'
import { openLink } from '../common/Common.svelte'
import EpisodeImage from '../elements/EpisodeImage.svelte'
import EpisodePlayMedia from '../elements/EpisodePlayMedia.svelte'
......@@ -15,10 +13,16 @@
export let urlShowDetail = undefined
export let labelPlay = undefined
export let labelLinkArchive = undefined
</script>
<style lang="scss">
.show-ref {
width: 100%;
height: 32px;
margin-left: 16px;
font-size: 1.2em;
}
/* SMUI components need to be selected via global namespace */
* :global(.action-header) {
......@@ -44,21 +48,16 @@
<Card class="aura-card episode">
<LayoutGrid>
<Cell span={4}>
<a href="{urlShowDetail + show.slug}">
<EpisodeImage {episode} {show} />
</a>
<a href={urlShowDetail + show.slug}>
<EpisodeImage {episode} {show} />
</a>
</Cell>
<Cell span={8}>
<div class="card-cell cell-right">
<Actions class="action-header">
<Button
class="visit-show"
on:click={openLink(urlShowDetail + show.slug)}>
<Label>{show.name}</Label>
</Button>
</Actions>
<a href={urlShowDetail + show.slug}>
<div class="show-ref">{show.name}</div>
</a>
<Content class="mdc-typography--headline6 episode-title">
<h2 style="margin: 0;">
<Display value={episode.note.title} {renderhtml} />
......@@ -78,7 +77,11 @@
{/if}
</Content>
<EpisodePlayMedia {episode} {labelPlay} {labelLinkArchive} {embedCbaPlayer} />
<EpisodePlayMedia
{episode}
{labelPlay}
{labelLinkArchive}
{embedCbaPlayer} />
</div>
</Cell>
</LayoutGrid>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment