Commit 584eff31 authored by christianrhansen's avatar christianrhansen
Browse files

mosys mobile: created selected-cell-header. hid editing box.

parent 66ca87c5
Pipeline #19890 passed with stage
in 4 minutes and 51 seconds
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
.fixed-top-right.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'}") // :style="{top: touch.position.top - 16 - 16 + 'px'}")
// .fixed-top.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell") // .fixed-top.z-top(v-touch-pan="moveCachedCell", v-if="cachedNewCell")
#cell-helper.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': cachedNewCell}") #new-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': cachedNewCell}")
q-item.q-px-md.q-py-none.full-height q-item.q-pl-md.q-pr-xs.q-py-none.full-height
q-item-main q-item-main
| Place new cell | Place new cell
q-item-side q-item-side
...@@ -35,6 +35,15 @@ ...@@ -35,6 +35,15 @@
q-btn.bg-transparent.text-white.on-right(@click.native="clearCachedCell()", round, flat) q-btn.bg-transparent.text-white.on-right(@click.native="clearCachedCell()", round, flat)
q-icon(name="delete") q-icon(name="delete")
// -------------------------------------------------------------------------------------------- selected cell header
#selected-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': showEditingCells}")
q-item.q-pl-md.q-pr-xs.q-py-none.full-height
q-item-main
| Edit cell
q-item-side
q-btn.bg-transparent.text-white.on-right(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}", round, flat)
q-icon(name="delete")
// ------------------------------------------------------------------------------------------------------------ grid // ------------------------------------------------------------------------------------------------------------ grid
@click="event => {addMobileCell(event)}", @click="event => {addMobileCell(event)}",
div.cell-grid.relative-position( div.cell-grid.relative-position(
...@@ -206,7 +215,7 @@ ...@@ -206,7 +215,7 @@
// ------------------------------------------------------------------------------------------ edit box (mobile only) // ------------------------------------------------------------------------------------------ edit box (mobile only)
q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden( q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-6.overflow-hidden.hidden(
v-if="isMobile", v-if="isMobile",
:class="[{'show-full' : carousel.visibility && showEditingCells}, {'show-minimized' : showEditingCells}]", :class="[{'show-full' : carousel.visibility && showEditingCells}, {'show-minimized' : showEditingCells}]",
style="border-radius: .5rem;", style="border-radius: .5rem;",
...@@ -1248,7 +1257,8 @@ ...@@ -1248,7 +1257,8 @@
max-height calc(calc(100vh - 60px - 16px - 16px) / 2) max-height calc(calc(100vh - 60px - 16px - 16px) / 2)
overflow-y scroll overflow-y scroll
#cell-helper #new-cell-header
#selected-cell-header
height 59px height 59px
top -60px top -60px
&.show &.show
......
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