Commit a0c86dbc authored by christianrhansen's avatar christianrhansen
Browse files

button styling testing

parent 7aeb199d
...@@ -135,17 +135,21 @@ ...@@ -135,17 +135,21 @@
//----- "move"-buttons //----- "move"-buttons
div(v-if="editMode === 'move'", :class="{'q-pa-md' : editMode}") div(v-if="editMode === 'move'", :class="{'q-pa-md' : editMode}")
.text-center .text-center
q-btn.bg-dark(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md") q-btn.text-dark(@click="mobileCellMove(mobileSelectedCell, 0, -1)", round, flat, size="md",
style="border: 0px solid #333; background-color: rgba(0, 0, 0, .1);")
q-icon.rotate-90(name="keyboard_backspace") q-icon.rotate-90(name="keyboard_backspace")
.text-center .text-center
q-btn.bg-dark(@click="mobileCellMove(mobileSelectedCell, -1, 0)", round, flat, size="md") q-btn.text-dark(@click="mobileCellMove(mobileSelectedCell, -1, 0)", round, flat, size="md",
style="border: 0px solid #333; background-color: rgba(0, 0, 0, .1);")
q-icon(name="keyboard_backspace") q-icon(name="keyboard_backspace")
q-btn.invisible.text-dark(round, flat, size="md") q-btn.invisible.text-dark(round, flat, size="md")
q-icon.flip-vertical(name="photo_size_select_small") q-icon.flip-vertical(name="photo_size_select_small")
q-btn.bg-dark(@click="mobileCellMove(mobileSelectedCell, 1, 0)", round, flat, size="md") q-btn.text-dark(@click="mobileCellMove(mobileSelectedCell, 1, 0)", round, flat, size="md",
style="border: 0px solid #333; background-color: rgba(0, 0, 0, .1);")
q-icon.rotate-180(name="keyboard_backspace") q-icon.rotate-180(name="keyboard_backspace")
.text-center .text-center
q-btn.bg-dark(@click="mobileCellMove(mobileSelectedCell, 0, 1)", round, flat, size="md") q-btn.text-dark(@click="mobileCellMove(mobileSelectedCell, 0, 1)", round, flat, size="md",
style="border: 0px solid #333; background-color: rgba(0, 0, 0, .1);")
q-icon.rotate-270(name="keyboard_backspace") q-icon.rotate-270(name="keyboard_backspace")
//----- "resize"-buttons //----- "resize"-buttons
...@@ -345,7 +349,8 @@ ...@@ -345,7 +349,8 @@
*/ */
// console.log('--->>>', this.getGridPositionForEvent(event)) // console.log('--->>>', this.getGridPositionForEvent(event))
}, },
addMobileCell (event) { addMobileCell (event, annotation) {
console.log('addMobileCell()', event, annotation)
if (this.cachedNewCell) { if (this.cachedNewCell) {
this.handleGridDrop(event) this.handleGridDrop(event)
this.$store.commit('mosys/cacheNewCell', undefined) this.$store.commit('mosys/cacheNewCell', undefined)
...@@ -431,6 +436,7 @@ ...@@ -431,6 +436,7 @@
// return _this.cells.find(c => c._uuid === k) // return _this.cells.find(c => c._uuid === k)
return _this.annotations.find(c => c._uuid === k) return _this.annotations.find(c => c._uuid === k)
}) })
console.log('wwww', selectedCells)
this.$store.commit('mosys/setSelectedCells', selectedCells) this.$store.commit('mosys/setSelectedCells', selectedCells)
}, },
updateEditingCells () { updateEditingCells () {
......
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