Commit fa4bde77 authored by christianrhansen's avatar christianrhansen

fixed edit-carousel-width

parent cd11363b
......@@ -146,49 +146,51 @@
// ------------------------------------------------------------------------------------------ edit box (mobile only)
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-carousel
q-carousel-slide
.q-px-md
grid-editor-editing-cells-mobile
q-carousel-slide
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon.rotate-90(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="keyboard_backspace")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.flip-vertical(name="photo_size_select_small")
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon.rotate-180(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon.rotate-270(name="keyboard_backspace")
q-carousel-slide
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon(name="remove")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="remove")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.rotate-45(name="zoom_out_map")
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon(name="add")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon(name="add")
//
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-carousel.fixed-bottom.z-top.backdrop-filter.shadow-1.q-mx-md.q-mb-md.overflow-hidden.round-borders(
v-if="showEditingCells", v-model="slide", arrows)
q-carousel-slide.q-pa-sm
.q-px-md
grid-editor-editing-cells-mobile
q-carousel-slide.q-pa-sm
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon.rotate-90(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="keyboard_backspace")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.flip-vertical(name="photo_size_select_small")
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon.rotate-180(name="keyboard_backspace")
.text-center
q-btn.edit-cell-button(@click="mobileCellMove(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon.rotate-270(name="keyboard_backspace")
q-carousel-slide.q-pa-sm
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon(name="remove")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, -1, 0)", round, flat, size="md")
q-icon(name="remove")
q-btn.invisible.text-dark(round, flat, size="md")
q-icon.rotate-45(name="zoom_out_map")
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 1, 0)", round, flat, size="md")
q-icon(name="add")
.text-center
q-btn.edit-cell-button(@click="mobileCellResize(mobileSelectedCell, 0, 1)", round, flat, size="md")
q-icon(name="add")
q-carousel-slide.text-center
q-btn.text-dark(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
flat, round, size="xl")
q-icon(name="delete")
q-carousel-slide.q-pa-sm.text-center
q-btn.text-dark(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
flat, round, size="xl")
q-icon(name="delete")
q-page-sticky.z-top.q-mb-md.backdrop-filter.shadow-1.q-mx-md.overflow-hidden.round-borders.hidden(
v-if="showEditingCells", position="bottom-right")
......@@ -305,7 +307,8 @@
mobileSelectedCell: undefined,
touch: {position: {top: undefined, left: undefined}},
isMobile: this.$q.platform.is.mobile,
mobileTempCell: {x: 0, y: 0, width: 1, height: 1, show: false, onGrid: false, button: false}
mobileTempCell: {x: 0, y: 0, width: 1, height: 1, show: false, onGrid: false, button: false},
slide: undefined
}
},
computed: {
......
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