Commit 42e584e0 authored by christianrhansen's avatar christianrhansen

animated edit cell box

parent 5e53bb5b
......@@ -159,14 +159,16 @@
//
q-page-sticky.z-top.backdrop-filter.shadow-1.q-mx-md.q-mb-md.overflow-hidden.round-borders(
v-if="showEditingCells", position="bottom")
q-page-sticky.q-mx-md.q-mb-md(
v-if="showEditingCells && isMobile",
:class="[carousel.visibility ? 'backdrop-filter shadow-3' : '']",
//v-if="showEditingCells && isMobile",
q-page-sticky.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-3(
v-if="isMobile",
:class="[{'leave-bottom' : !carousel.visibility}, {'leave-bottom-full' : !showEditingCells}]",
style="border-radius: .5rem;",
position="bottom-right")
// div(v-if="carousel.visibility")
div(:class="{'hidden': !carousel.visibility}")
// div(:class="{'hidden': !carousel.visibility}")
div
q-carousel.q-py-sm(ref="carousel", v-model="slide", infinite, @input="getCarouselIcon(index)")
//
......@@ -227,12 +229,12 @@
q-icon(name="clear")
//----- button: maximize carousel
q-btn.backdrop-filter.shadow-1.text-dark(
v-if="!carousel.visibility",
@click="carouselVisibility()",
flat, no-ripple, round)
// q-icon(:name="carousel.icon", :class="{'flip-vertical': carousel.icon === 'photo_size_select_small'}")
q-icon(name="more_horiz")
q-btn.backdrop-filter.shadow-1.text-dark(
v-if="!carousel.visibility",
@click="carouselVisibility()",
flat, no-ripple, round)
// q-icon(:name="carousel.icon", :class="{'flip-vertical': carousel.icon === 'photo_size_select_small'}")
q-icon(name="more_horiz")
// ------------------------------
//----- not used at the moment
......@@ -1067,6 +1069,13 @@
<style scoped lang="stylus">
@import '~variables'
.transition-bottom
transition bottom ease 350ms
&.leave-bottom
bottom -150px
&.leave-bottom-full
bottom -180px
.cell-grid
display grid
background-color #eee
......
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