Commit f3ee8c18 authored by christianrhansen's avatar christianrhansen

styling cached new cell helper. added clone-button (no functionality).

parent 0cbfdcc8
Pipeline #16530 passed with stage
in 1 minute and 22 seconds
......@@ -7,15 +7,15 @@
// ------------------------------------------------------------------------------------------ cached new cell helper
// q-page-sticky.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell", position="top-right")
// .fixed.z-top(v-if="cachedNewCell")
// .fixed-top-left.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell",
// :style="{top: touch.position.top - 16 - 16 + 'px', left: touch.position.left - 16 - 16 + 'px'}")
.fixed-top-right.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell")
.bg-frosted-glass.text-dark.q-px-md.q-py-sm.q-ma-md.shadow-4(:style="{width: gridDimensions.full.cell.width + 'px', height: gridDimensions.full.cell.height + 'px'}")
| {{ cachedNewCell.type }} Cell:
br
| {{ cachedNewCell.value }}
q-btn.bg-dark.text-white.on-right(@click.native="cachedNewCell = undefined", round, flat, size="sm")
q-icon(name="clear")
// .fixed-top.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell")
.fixed-top-right.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell",
:style="{top: touch.position.top - 16 - 16 + 'px'}")
q-item.backdrop-filter.text-dark.q-pa-sm.q-ma-md.shadow-4.q-pl-md()
q-item-main
| Place your cell anywhere.
q-item-side
q-btn.bg-primary.text-white.on-right(@click.native="cachedNewCell = undefined", round, flat)
q-icon(name="delete")
// ------------------------------------------------------------------------------------------------------------ grid
div.cell-grid(
......@@ -126,18 +126,21 @@
q-page-sticky.z-top.q-mb-md.backdrop-filter.shadow-1.q-mx-md.overflow-hidden(v-if="showEditingCells", position="bottom-right")
div.row.text-center.text-dark.round-borders.full-width(style="border-bottom: 1px solid #bbb;")
.col-3
.col
q-btn.full-width(@click="setEditMode('edit')", :class="{'bg-primary text-white' : editMode === 'edit'}", flat)
q-icon(name="edit")
.col-3
.col
q-btn.full-width(@click="setEditMode('resize')", :class="{'bg-primary text-white' : editMode === 'resize'}", flat)
q-icon.flip-vertical(name="photo_size_select_small")
.col-3
.col
q-btn.full-width(@click="setEditMode('move')", :class="{'bg-primary text-white' : editMode === 'move'}", flat)
q-icon(name="open_with")
.col-3
.col
q-btn.full-width(@click="setEditMode('delete')", :class="{'bg-primary text-white' : editMode === 'delete'}", flat)
q-icon(name="delete")
.col
q-btn.full-width.bg-dark.text-white(@click="setEditMode('clone')", :class="{'bg-primary text-white' : editMode === 'clone'}", flat)
q-icon(name="filter_none", size="18px")
div.full-width
......
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