Commit a1fa0709 authored by christianrhansen's avatar christianrhansen

edit-box is minimalized on initial load now

parent 7dc4f916
Pipeline #16839 passed with stage
in 6 minutes and 57 seconds
......@@ -162,9 +162,9 @@
q-page-sticky.z-top.backdrop-filter.shadow-1.q-mx-md.q-mb-md.overflow-hidden.round-borders(
v-if="showEditingCells", position="bottom")
//v-if="showEditingCells && isMobile",
q-page-sticky.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-3(
q-page-sticky.edit-box.q-mx-md.q-mb-md.transition-bottom.backdrop-filter.shadow-3(
v-if="isMobile",
:class="[{'leave-bottom' : !carousel.visibility}, {'leave-bottom-full' : !showEditingCells}]",
:class="[{'show-full' : carousel.visibility && showEditingCells}, {'show-minimized' : showEditingCells}]",
style="border-radius: .5rem;",
position="bottom-right")
......@@ -360,7 +360,7 @@
mobileTempCell: {x: 0, y: 0, width: 1, height: 1, show: false, onGrid: false, button: false},
slide: undefined,
modal: false,
carousel: {visibility: true, icon: 'open_with', slide: 0}
carousel: {visibility: false, icon: 'open_with', slide: 0}
}
},
computed: {
......@@ -1073,13 +1073,6 @@
<style scoped lang="stylus">
@import '~variables'
.transition-bottom
transition bottom ease 350ms
&.leave-bottom
bottom -150px
&.leave-bottom-full
bottom -180px
.cell-grid
display grid
background-color #eee
......@@ -1165,6 +1158,19 @@
border 0px solid #333
background-color rgba(0, 0, 0, .1)
color $dark
.edit-box
bottom -180px
&.show-minimized
bottom -150px
&.show-full
bottom 0px
.transition-bottom
transition bottom ease 350ms
</style>
<style lang="stylus">
......
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