Commit d9d709ce authored by christianrhansen's avatar christianrhansen

styling edit cell panel

parent d7a1322c
......@@ -126,18 +126,18 @@
// ------------------------------------------------------------------------------------------- buttons (mobile only)
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;")
div.row.text-center.text-dark.round-borders.full-width
.col
q-btn.full-width(@click="setEditMode('edit')", :class="{'bg-primary text-white' : editMode === 'edit'}", flat)
q-btn.full-width(@click="setEditMode('edit')", :class="{'bg-white text-dark' : editMode === 'edit'}", flat, no-ripple)
q-icon(name="edit")
.col
q-btn.full-width(@click="setEditMode('resize')", :class="{'bg-primary text-white' : editMode === 'resize'}", flat)
q-btn.full-width(@click="setEditMode('resize')", :class="{'bg-white text-dark' : editMode === 'resize'}", flat, no-ripple)
q-icon.flip-vertical(name="photo_size_select_small")
.col
q-btn.full-width(@click="setEditMode('move')", :class="{'bg-primary text-white' : editMode === 'move'}", flat)
q-btn.full-width(@click="setEditMode('move')", :class="{'bg-white text-dark' : editMode === 'move'}", flat, no-ripple)
q-icon(name="open_with")
.col
q-btn.full-width(@click="setEditMode('delete')", :class="{'bg-primary text-white' : editMode === 'delete'}", flat)
q-btn.full-width(@click="setEditMode('delete')", :class="{'bg-white text-dark' : editMode === 'delete'}", flat, no-ripple)
q-icon(name="delete")
div.full-width
......@@ -147,7 +147,7 @@
grid-editor-editing-cells-mobile
//----- "move"-buttons
div(v-if="editMode === 'move'", :class="{'q-pa-sm' : editMode}")
div(v-if="editMode === 'move'", :class="{'q-pa-md' : editMode}")
.text-center
q-btn.bg-dark(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon.rotate-90(name="keyboard_backspace")
......@@ -163,7 +163,7 @@
q-icon.rotate-270(name="keyboard_backspace")
//----- "resize"-buttons
div(v-if="editMode === 'resize'", :class="{'q-pa-sm' : editMode}")
div(v-if="editMode === 'resize'", :class="{'q-pa-md' : editMode}")
.text-center
q-btn.bg-dark(@click="mobileCellResize(mobileSelectedCell, 0, -1)", round, flat, size="md")
q-icon(name="remove")
......
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