Commit 35d5e1a0 authored by christianrhansen's avatar christianrhansen
Browse files

standardised cell styling

parent ee616f17
Pipeline #16527 passed with stage
in 5 minutes and 22 seconds
<template lang="pug">
div(:class="{'display-preview': preview, 'display-full': display}")
div.fit(:class="{'display-preview': preview, 'display-full': display}")
template(v-if="display")
iframe(:src="iframeSrc", @load="handleIframeLoaded")
template(v-else)
strong {{iframeSrc}}
.q-pa-sm.z-top.text-dark
cell-info(:cell="cell", type="IFrame Cell")
strong {{iframeSrc}}
</template>
<script>
import CellInfo from '../CellInfo'
export default {
components: {
CellInfo
},
props: ['cell', 'display', 'preview'],
data () {
return {}
......@@ -30,14 +37,13 @@
<style lang="stylus" scoped>
/*
div
padding 1em
width 100%
height 100%
background-color white
background-size contain
background-repeat no-repeat
background-position center
*/
iframe
border: 0
......
<template lang="pug">
//image
div(:class="{'display-preview': preview, 'display-full': display}")
template(v-if="display")
conditional-link(v-if="link", :url="link")
......@@ -7,8 +7,10 @@
img(v-else, :src="imgSrc")
template(v-else)
div.cell-background(:style="cellBackgroundStyle")
.absolute-top-left.q-pa-sm.z-top
cell-info(:cell="cell", type="Image Cell")
div.q-pa-sm.cell-background(:style="cellBackgroundStyle")
// cell-info(:cell="cell", type="Image Cell")
</template>
......
<template lang="pug">
// internal link
div(:class="{'display-preview': preview, 'display-full': display}")
div.q-pa-sm(:class="{'display-preview': preview, 'display-full': display}")
template(v-if="display")
router-link(:to="internalLink")
div --> {{internalLink.path}}
div {{internalLink.path}}
template(v-else)
cell-info(:cell="cell", type="Link Cell")
......@@ -33,7 +33,6 @@
<style scoped lang="stylus">
div
padding 1em
width 100%
height 100%
......
<template lang="pug">
div(v-if="visible", :class="{'display-preview': preview, 'display-full': display}")
div.q-pa-sm(v-if="visible", :class="{'display-preview': preview, 'display-full': display}")
q-window-resize-observable(@resize="resizeMedia")
template(v-if="display")
media-player(
......
<template lang="pug">
// text
div(:class="{'display-preview': preview, 'display-full': display}")
div.q-pa-sm(:class="{'display-preview': preview, 'display-full': display}")
template(v-if="display")
markdown-display(:content="textContent")
......@@ -35,7 +35,6 @@ export default {
-webkit-hyphens: auto
-ms-hyphens: auto
hyphens: auto
padding 18px 23px
width 100%
height 100%
color: #ddd
......
<template lang="pug">
// title
div(:class="{'display-preview': preview, 'display-full': display}")
div.q-pa-sm(:class="{'display-preview': preview, 'display-full': display}")
template(v-if="display")
h1
conditional-link(v-if="link", :url="link") {{titleContent}}
......@@ -37,7 +37,6 @@ export default {
<style scoped lang="stylus">
div
padding 18px 23px
width 100%
height 100%
......
Markdown is supported
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