Commit cdcee75c authored by christianrhansen's avatar christianrhansen

layout edit-box

parent 7b0c707f
......@@ -169,7 +169,7 @@
q-carousel.q-py-sm.carousel.transition-opacity(ref="carousel", v-model="slide", infinite, @input="getCarouselIcon(index)")
//----- move
q-carousel-slide.q-pa-sm
q-carousel-slide.q-py-sm
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon.rotate-90(name="keyboard_backspace")
......@@ -185,7 +185,7 @@
q-icon.rotate-270(name="keyboard_backspace")
//----- resize
q-carousel-slide.q-pa-sm
q-carousel-slide.q-py-sm
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon(name="remove")
......@@ -201,26 +201,34 @@
q-icon(name="add")
//----- delete & edit
q-carousel-slide.q-pa-sm.text-center
.row.text-dark.items-center.full-height
//
q-carousel-slide.q-pa-sm.text-center
.row.text-dark.items-center.full-height
.col.self-center
q-btn.edit-cell-button(
@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
flat, round, size="lg")
q-icon(name="delete")
//
.col.q-pr-xl.self-center
.col.self-center
q-btn.edit-cell-button(
@click.prevent="handleModal()",
@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
flat, round, size="lg")
q-icon(name="edit")
q-icon(name="delete")
//
.col.q-pr-xl.self-center
q-btn.edit-cell-button(
@click.prevent="handleModal()",
flat, round, size="lg")
q-icon(name="edit")
//----- button: delete cell
.absolute-top-left
q-btn.q-py-none.q-pl-sm.q-ml-xs.text-grey-8(
@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}", flat, no-ripple)
q-icon(name="delete")
//----- button: toggle edit-box
q-btn.absolute-top-right.q-py-none.q-pr-sm.q-mr-xs.text-dark(@click="carouselVisibility()" ,flat , no-ripple)
q-icon(v-if="carousel.visibility", name="keyboard_arrow_down")
q-icon(v-else, name="keyboard_arrow_up")
.absolute-top-right
q-btn.q-py-none.q-pr-sm.q-mr-xs.text-grey-8(@click="carouselVisibility()", flat, no-ripple)
q-icon(v-if="carousel.visibility", name="keyboard_arrow_down")
q-icon(v-else, name="keyboard_arrow_up")
// ------------------------------
//----- not used at the moment
......@@ -1139,7 +1147,7 @@
.edit-cell-button
border 0px solid #333
background-color rgba(0, 0, 0, .1)
color $dark
color $grey-8
.edit-box
bottom -180px
......
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