Commit 00342b70 authored by Mathias Bär's avatar Mathias Bär

various styling changes for source browser tabs

parent 3177ab34
Pipeline #12639 passed with stage
in 9 minutes and 9 seconds
......@@ -2,12 +2,12 @@
q-list
.q-mb-md(v-for="(cell, index) in cellsData", :key="cell._uuid")
template(v-for="(cell, index) in cellsData", :key="cell._uuid")
q-item-separator(v-if="index > 0")
//q-item-separator(v-if="index > 0")
<!--q-item(v-if="cell.type in itemSpecs", v-for="spec in itemSpecs[cell.type]", :key="`${spec.type}-${spec.path}`")-->
q-item.q-pa-none(v-for="spec in itemSpecs[cell.component]", :key="`${spec.component}-${spec.path}`",
q-item(v-for="spec in itemSpecs[cell.component]", :key="`${spec.component}-${spec.path}`",
v-if="cell.data.path === spec.path")
q-item-main
......@@ -43,6 +43,7 @@
:max-height="500",
:value="cell.data[spec.path]",
@change="value => handleItemChanged(value, cell, spec.path)")
q-item-separator
// q-item(v-else)
q-field This cell type is not supported yet: {{ cell.component }}.{{ spec.path }}
......
......@@ -25,6 +25,7 @@
:model="item.value",
@input="value => {handleItemChanged(value, item)}",
@change="value => {handleItemChanged(value, item)}")
q-item-separator
</template>
......
<template lang="pug">
q-list.default-source-container
q-list-header
q-item
small Documents
q-item-separator
template(v-for="(file, i) in images")
template(v-if="i > 0")
q-item-separator
q-item
q-item-side
q-icon(
......@@ -18,6 +9,7 @@
@dragstart.native="event => {handleItemDragStart(event, file)}",
:name="typeToIconName(getSimpleType(file.metaData['content-type']))", style="font-size: 1.8rem")
q-item-main {{ file.name }}
q-item-separator
</template>
......
<template lang="pug">
q-list.piecemaker-source-container.ui-button-list
q-list.piecemaker-source-container
q-list-header
template(v-if="currentTimeline")
q-btn(flat, round, small, style="margin-right: 0.5em",
@click="handleClickUnsetCurrentTimeline", icon="keyboard backspace")
span Videos in Timeline #[strong {{currentTimeline.title}}]
template(v-else)
router-link(class="ui-directory-link", :to="{name: 'piecemaker.timelines.list'}")
q-btn(align="left", icon-right="keyboard_arrow_right", size="md", outline) Show Timeline list in Piecemaker
div Timelines
template(v-if="currentTimeline")
q-list-header
q-btn(outline, size="sm", style="margin-right: 0.5em",
@click="handleClickUnsetCurrentTimeline", icon="keyboard backspace" label="Timelines")
div {{currentTimeline.title}} (Videos)
template(v-else)
q-list-header Timelines
router-link(class="ui-tab-pane-inner-button", :to="{name: 'piecemaker.timelines.list'}")
q-btn(outline, size="sm", icon-right="call_made", label="Show in Piecemaker")
q-item-separator
......@@ -48,9 +49,10 @@
template(v-for="(timeline, i) in timelines")
template(v-if="i > 0")
q-item-separator
q-item
q-item(class="button-item")
a(class="ui-directory-link", @click.prevent="event => {handleTimelineItemClick(event, timeline)}")
q-btn(align="left", icon-right="keyboard_arrow_right", flat) {{timeline.title}}
q-item-separator
</template>
<script>
......
......@@ -14,7 +14,7 @@
// template(v-else)
grid-editor-default-source
q-tab-pane(name="tab-piecemaker")
q-tab-pane(name="tab-piecemaker", class="relative-position")
grid-editor-source-piece-maker
q-tab-pane(name="tab-documents", v-if="userHasDocuments")
......
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