Commit 715e832b authored by christianrhansen's avatar christianrhansen

styling source-editor

parent de17617f
Pipeline #51370 passed with stage
in 4 minutes and 53 seconds
<template lang="pug">
.q-px-none.q-pt-md.text-center.text-dark.text-weight-bold(:disabled="cachedNewCell")
slot
q-item-separator.q-ma-none.q-mt-md.bg-grey-3
q-item-separator.q-ma-none.q-mt-md(style="background-color: rgba(255,255,255,0.04);")
</template>
<script>
......
......@@ -2,12 +2,12 @@
div.relative-position.full-height
.q-pl-md.q-py-xs.bg-grey-2
q-item.q-pa-none.text-dark(style="height: 54px;")
.q-pl-md.q-py-xs(style="border-bottom: 1px solid rgba(255,255,255,0.04);")
q-item.q-pa-none(style="height: 54px;")
q-item-main
strong Add Cell
strong.text-grey-3 Add Cell
q-item-side.text-right
q-btn.q-px-md.text-dark(@click="closeSourceEditor()", flat, no-ripple)
q-btn.q-px-md.text-grey-3(@click="closeSourceEditor()", flat, no-ripple)
q-icon(name="clear")
// q-item-separator.q-ma-none.bg-grey-4
......@@ -20,11 +20,11 @@
.slide-body(:class="[isMobile ? 'mobile' : 'desktop']")
template(v-for="(button, index) in buttons")
q-item-separator.q-ma-none.bg-grey-3(v-if="index > 0")
q-item-separator.q-ma-none(v-if="index > 0", style="background-color: rgba(255,255,255,0.04);")
.q-py-lg.q-pl-lg.custom-hover(
@click="selectSource(button.value)",
:class="{'text-dark text-weight-bold': selectedSource === button.value}")
:class="[selectedSource === button.value ? 'text-primary text-weight-bold' : 'text-grey-3']")
| {{ button.label }}
//---------- slide 2
......@@ -106,6 +106,7 @@
</script>
<style scoped lang="stylus">
@import '~variables'
.slide-body
overflow-y scroll
......@@ -116,5 +117,5 @@
.custom-hover
cursor pointer
&:hover
background-color #eee
background-color $primary15
</style>
......@@ -3,8 +3,7 @@
q-list.q-py-none
template(v-for="(item, index) in items")
q-item-separator.q-ma-none.bg-grey-3(v-if="index > 0")
q-item-separator.q-ma-none(v-if="index > 0", style="background-color: rgba(255,255,255,0.05);")
q-item.q-pa-none.custom-hover(@click.native="selectItem(item, index)")
q-item-main
......@@ -14,11 +13,16 @@
//----- icon
q-item-side
q-icon.text-dark(:name="typeToIconName(item.type)", :disabled="selectedItem !== index || cachedNewCell", size="20px")
q-icon(
:name="typeToIconName(item.type)",
:disabled="selectedItem !== index || cachedNewCell",
size="20px",
:class="[selectedItem === index ? 'text-primary' : 'text-grey-3']")
//----- cell type
//:class="[{'text-primary text-weight-bold': selectedItem === index}]",
q-item-main.q-my-sm(
:class="[{'text-dark text-weight-bold': selectedItem === index}]",
:class="[selectedItem === index ? 'text-primary text-weight-bold' : 'text-grey-3']"
:disabled="cachedNewCell")
.q-my-xs
span.full-height(:class="{'q-my-xs': !item.value}") {{ item.type }}
......@@ -202,10 +206,12 @@
</style>
<style lang="stylus">
@import '~variables'
.border-radius-full
border-radius 100vw!important
.custom-hover
cursor pointer
&:hover
background-color #eee
background-color $primary15
</style>
......@@ -5,12 +5,12 @@
//----- timelines
template(v-for="(timeline, index) in timelines")
q-item-separator.q-ma-none.bg-grey-3(v-if="index > 0")
q-item-separator.q-ma-none(v-if="index > 0", style="background-color: rgba(255,255,255,0.04);")
q-item.q-pa-none.custom-hover
.full-width.q-px-md.q-py-lg(
@click="clickTimeline(timeline)",
:class="{'text-dark text-weight-bold' : currentTimeline && currentTimeline.title === timeline.title}")
:class="[currentTimeline && currentTimeline.title === timeline.title ? 'text-primary text-weight-bold' : 'text-grey-3']")
| {{timeline.title}}
</template>
......@@ -43,8 +43,10 @@
</script>
<style scoped lang="stylus">
@import '~variables'
.custom-hover
cursor pointer
&:hover
background-color #eee
background-color $primary15
</style>
......@@ -15,7 +15,7 @@
template(v-else)
template(v-for="(entry, i) in currentMedia")
q-item-separator.q-ma-none.bg-grey-3(v-if="i > 0")
q-item-separator.q-ma-none(v-if="i > 0", style="background-color: rgba(255,255,255,0.04);")
q-item.q-px-md.q-py-lg.media-item
q-item-main
......
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