Commit 652e4f71 authored by christianrhansen's avatar christianrhansen

styling selected cell while dimension/position is edited

parent ef65adbd
Pipeline #51145 passed with stage
in 1 minute and 24 seconds
......@@ -1221,7 +1221,8 @@
return {
selected: this.annotationUIStates[uuid] ? this.annotationUIStates[uuid].selected : false,
editing: this.annotationUIStates[uuid] ? this.annotationUIStates[uuid].editing : false,
hover: !this.isMobile && !this.cachedNewCell
hover: !this.isMobile && !this.cachedNewCell,
edit: this.cellHandler.resize.pushed || this.cellHandler.move.pushed
}
}
else return {}
......@@ -1242,6 +1243,19 @@
.opacity-25
opacity .25
//------------------------------------------------------------------------------------------------------------ headers
#new-cell-header
#cached-cell-header
#edit-cell-header
height 58px
top -60px
&.show
top 0px
&.width-75
width 75%
//--------------------------------------------------------------------------------------------------------------- grid
.cell-grid
display grid
......@@ -1263,38 +1277,47 @@
transition background ease 150ms, margin ease 150ms
&.editing
background rgba(255, 255, 255, .8)
border 1px solid rgba(225, 255, 255, 1)
background-color $primary50
border 1px solid $primary
&:hover
&.hover
background rgba(255, 255, 255, .5)
background-color $primary33
&.edit
display block
border-color transparent
background-color $primary33
//----------------------------------------------------------------------------------------------------- cell handler
.cell-handler
color $dark
background-color rgba(255, 255, 255, 1)
border-radius border-radius-handler
width handler-height-desktop
height handler-height-desktop
//---------------------------------------------------------------------------------------------------------- temp cell
.temp-cell
background-color rgba(115, 170, 255, .75)
border 1px solid rgba(110, 150, 255, 1)
&.edit
border 1px dashed $primary
background-color transparent
&.move
&.edit
&.resize
opacity 0
//------------------------------------------------------------------------------------------------------- cell handler
.cell-handler
color $dark
background-color rgba(255, 255, 255, 1)
border-radius border-radius-handler
width handler-height-desktop
height handler-height-desktop
&:hover
&.hover
background rgba(20, 20, 20, .8)
margin 2px
&.move
&.edit
&.resize
opacity 0
.cell-handler.move
.cell-handler.edit
.cell-handler.resize
opacity 1
&:hover
&.hover
background rgba(20, 20, 20, .8)
margin 2px
.cell-handler.move
.cell-handler.edit
.cell-handler.resize
opacity 1
//------------------------------------------------------------------------------------------------------- grid handler
.grid-handler
......@@ -1335,27 +1358,6 @@
background-color rgba(219, 40, 41, .2)
grid-row-start 1
//------------------------------------------------------------------------------------------------------------ headers
#new-cell-header
#cached-cell-header
#edit-cell-header
height 58px
top -60px
&.show
top 0px
&.width-75
width 75%
//---------------------------------------------------------------------------------------------------------- temp cell
.temp-cell
background-color rgba(115, 170, 255, .75)
border 1px solid rgba(110, 150, 255, 1)
&.edit
border 1px dashed white
background-color transparent
//************************************************** mobile: new cell
handler-width-mobile = 40px
gap = 0px
......
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