Commit d97d2d5a authored by christianrhansen's avatar christianrhansen

renaming css-classes

parent a4872679
Pipeline #19630 passed with stage
in 4 minutes and 34 seconds
...@@ -144,8 +144,7 @@ ...@@ -144,8 +144,7 @@
//----------------------------------------------------------------------------------------------- move handler //----------------------------------------------------------------------------------------------- move handler
//----- (main) //----- (main)
v-if="mobileTempCell.onGrid && !handlerNewCell.resize.pushed", cell-handler-mobile.main-handler(
cell-handler-mobile.main.absolute(
v-if="!handlerNewCell.resize.pushed", v-if="!handlerNewCell.resize.pushed",
@onIntersectionChange="intersectionChanged", @onIntersectionChange="intersectionChanged",
:element="'move'", :element="'move'",
...@@ -156,7 +155,7 @@ ...@@ -156,7 +155,7 @@
//----- (temp) //----- (temp)
//----- (when main move handler is outside of viewport) //----- (when main move handler is outside of viewport)
cell-handler-mobile.temp.fixed( cell-handler-mobile.temp-handler(
v-touch-pan="handleMoveCell", v-touch-pan="handleMoveCell",
:class="[(!mobileTempCell.onGrid || tempHandler.move.visibility || handlerNewCell.resize.pushed || handlerNewCell.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]", :class="[(!mobileTempCell.onGrid || tempHandler.move.visibility || handlerNewCell.resize.pushed || handlerNewCell.move.pushed ? 'hide': 'show'), (tempHandler.move.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: handlerNewCell.move.y + 59 - 20 + 'px'}",) :style="{top: handlerNewCell.move.y + 59 - 20 + 'px'}",)
...@@ -164,8 +163,7 @@ ...@@ -164,8 +163,7 @@
//--------------------------------------------------------------------------------------------- resize handler //--------------------------------------------------------------------------------------------- resize handler
//----- (main) //----- (main)
v-if="mobileTempCell.onGrid && !handlerNewCell.move.pushed", cell-handler-mobile.main-handler(
cell-handler-mobile.main.absolute(
v-if="!handlerNewCell.move.pushed", v-if="!handlerNewCell.move.pushed",
@onIntersectionChange="intersectionChanged", @onIntersectionChange="intersectionChanged",
:element="'resize'", :element="'resize'",
...@@ -176,7 +174,7 @@ ...@@ -176,7 +174,7 @@
//----- (temp) //----- (temp)
//----- (when main resize handler is outside of viewport) //----- (when main resize handler is outside of viewport)
cell-handler-mobile.temp.fixed( cell-handler-mobile.temp-handler(
v-touch-pan="handleResizeCell", v-touch-pan="handleResizeCell",
:class="[(!mobileTempCell.onGrid || tempHandler.resize.visibility || handlerNewCell.move.pushed || handlerNewCell.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]", :class="[(!mobileTempCell.onGrid || tempHandler.resize.visibility || handlerNewCell.move.pushed || handlerNewCell.resize.pushed ? 'hide': 'show'), (tempHandler.resize.side === 'left' ? 'left-side' : 'right-side')]",
:style="{top: handlerNewCell.resize.y + 59 - 20 + 'px'}",) :style="{top: handlerNewCell.resize.y + 59 - 20 + 'px'}",)
...@@ -1302,7 +1300,8 @@ ...@@ -1302,7 +1300,8 @@
//************************************************** mobile: new cell //************************************************** mobile: new cell
handler-width = 40px handler-width = 40px
.main .main-handler
position absolute
&.hide &.hide
width 0!important width 0!important
overflow hidden overflow hidden
...@@ -1315,7 +1314,8 @@ ...@@ -1315,7 +1314,8 @@
&.pushed &.pushed
transition top ease 200ms, left ease 200ms transition top ease 200ms, left ease 200ms
&.temp &.temp-handler
position fixed
width handler-width width handler-width
height handler-width height handler-width
border-radius 1000px border-radius 1000px
......
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