Commit 1ecd67ec authored by Christian Hansen's avatar Christian Hansen Committed by Anton Koch

removed confusing highlighting in sourceEditor (#359)

parent 686806c9
......@@ -5,9 +5,10 @@
q-item.q-pa-none(style="height: 54px;")
q-item-main.text-grey-3
strong Edit Cell
q-item-side.text-right
q-btn.q-px-md.text-grey-3(@click="closePanel()", flat, no-ripple)
q-icon(name="clear")
q-item-side.text-right.q-pr-xs
q-btn.q-mr-sm.text-grey-3(@click="closePanel()", flat, no-ripple, round,
style="width: 42px; height: 42px;")
q-icon(name="clear", size="18px")
q-list.q-pa-none.ani-opacity(v-for="(cell, index) in cells", :key="cell._uuid")
......
......@@ -6,25 +6,24 @@
q-item.q-pa-none(style="height: 54px;")
q-item-main
strong.text-grey-3 Add Cell
q-item-side.text-right
q-btn.q-px-md.text-grey-3(@click="closeSourceEditor()", flat, no-ripple)
q-icon(name="clear")
q-item-side.text-right.q-pr-xs
q-btn.q-mr-sm.text-grey-3(@click="closeSourceEditor()", flat, no-ripple, round,
style="width: 42px; height: 42px;")
q-icon(name="clear", size="18px")
// q-item-separator.q-ma-none.bg-grey-4
q-carousel.source-editor-carousel.full-height(v-model="slide", arrows, color="grey-3")
//---------- slide 1
q-carousel-slide.text-grey-3.q-pa-none
slide-header
q-carousel-slide.q-pa-none
slide-header.text-grey-3
| Select source
.slide-body(:class="[isMobile ? 'mobile' : 'desktop']")
template(v-for="(button, index) in buttons")
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="[selectedSource === button.value ? 'text-primary text-weight-bold' : 'text-grey-3']")
.q-py-lg.q-pl-lg.text-grey-3.custom-hover(@click="selectSource(button.value)")
| {{ button.label }}
//---------- slide 2
......
......@@ -42,11 +42,11 @@
//------------------------------------------------------------------------------------------------------ input
q-item-tile.q-px-md(v-if="selectedItem === index")
q-field.q-mb-md.bg-grey-2.q-px-sm.q-py-xs.bg-grey-9(
q-field.q-mb-md.q-px-sm.q-py-xs(
:helper="item.help",
:error="item.error",
:error-label="item.errorMessage",
style="width: 100%; border-radius: .1rem;")
style="border-radius: .1rem;")
q-input(
dark,
......@@ -211,8 +211,14 @@
.border-radius-full
border-radius 100vw!important
.q-field
background-color $grey-9
.custom-hover
cursor pointer
&:hover
background-color $primary15
.q-field
background-color $grey-8
</style>
......@@ -8,9 +8,7 @@
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="[currentTimeline && currentTimeline.title === timeline.title ? 'text-primary text-weight-bold' : 'text-grey-3']")
.full-width.q-px-md.q-py-lg.text-grey-3(@click="clickTimeline(timeline)")
| {{timeline.title}}
</template>
......
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