...
 
Commits (4)
...@@ -61,6 +61,4 @@ ...@@ -61,6 +61,4 @@
.handler-new-cell .handler-new-cell
width handler-width width handler-width
height handler-width height handler-width
// border-radius 1000px
border-radius .5rem
</style> </style>
...@@ -1248,9 +1248,11 @@ ...@@ -1248,9 +1248,11 @@
<style scoped lang="stylus"> <style scoped lang="stylus">
@import '~variables' @import '~variables'
border-radius-cell = .5rem
border-radius-handler = border-radius-cell / 1.75
.clear-button .clear-button
border-radius .5rem border-radius border-radius-cell
width 42px width 42px
border 1px solid rgba(255, 255, 255, .3) border 1px solid rgba(255, 255, 255, .3)
...@@ -1259,11 +1261,9 @@ ...@@ -1259,11 +1261,9 @@
background-color #eee background-color #eee
.cell-item .cell-item
border-radius .75rem border-radius border-radius-cell
// backdrop-filter blur(3px)
& &
// background-color rgba(0,0,0,0.2)
background-color rgba(200, 200, 200, .75) background-color rgba(200, 200, 200, .75)
border 1px solid rgba(0, 0, 0, .2) border 1px solid rgba(0, 0, 0, .2)
margin 1px margin 1px
...@@ -1276,14 +1276,11 @@ ...@@ -1276,14 +1276,11 @@
grid-row-end: span 1 grid-row-end: span 1
&:hover &:hover
/*background-color lightblue*/
.edit-button .edit-button
display: block display: block
&.editing &.editing
/*background-color lightpink*/
// background rgba(255, 0, 0, .3)
background rgba(255, 150, 150, .8) background rgba(255, 150, 150, .8)
border 1px solid rgba(255,110,110,1) border 1px solid rgba(255,110,110,1)
...@@ -1295,7 +1292,6 @@ ...@@ -1295,7 +1292,6 @@
&.hover &.hover
&:hover &:hover
// background-color lightblue
background-color rgba(160, 200, 255, .8) background-color rgba(160, 200, 255, .8)
.edit-button .edit-button
...@@ -1310,8 +1306,6 @@ ...@@ -1310,8 +1306,6 @@
position absolute position absolute
right 0 right 0
bottom 0 bottom 0
/*width 18px*/
/*height 20px*/
&:hover &:hover
color black color black
...@@ -1319,7 +1313,6 @@ ...@@ -1319,7 +1313,6 @@
.backdrop-filter .backdrop-filter
backdrop-filter blur(6px) backdrop-filter blur(6px)
background-color rgba(255, 255, 255, .3) background-color rgba(255, 255, 255, .3)
/*border-radius .5rem*/
#edit-content-mobile #edit-content-mobile
width calc(100vw - 32px) width calc(100vw - 32px)
...@@ -1334,15 +1327,11 @@ ...@@ -1334,15 +1327,11 @@
top 0px top 0px
.cell-item-tmp-mobile .cell-item-tmp-mobile
// background-color rgba(0, 0, 255, .15)
// background-color rgba(100, 100, 255, .5)
// background-color rgba(80, 110, 255, .75)
background-color rgba(115, 170, 255, .75) background-color rgba(115, 170, 255, .75)
border 1px solid rgba(110, 150, 255, 1) border 1px solid rgba(110, 150, 255, 1)
.edit-cell-button .edit-cell-button
border 0px solid #333 border 0px solid #333
// background-color rgba(0, 0, 0, .1)
background-color rgba(0, 0, 0, 0) background-color rgba(0, 0, 0, 0)
color $grey-8 color $grey-8
...@@ -1353,7 +1342,6 @@ ...@@ -1353,7 +1342,6 @@
opacity 0 opacity 0
&.show-minimized &.show-minimized
// bottom calc(-220px + 42px)
bottom calc(-220px + 58px) bottom calc(-220px + 58px)
&.show-full &.show-full
...@@ -1370,21 +1358,16 @@ ...@@ -1370,21 +1358,16 @@
//************************************************** mobile: new cell //************************************************** mobile: new cell
handler-width = 40px handler-width = 40px
// gap = 4px
gap = 0px gap = 0px
.main-handler .main-handler
position absolute position absolute
border-radius border-radius-handler
&.hide &.hide
width 0!important width 0!important
overflow hidden overflow hidden
.handler-new-cell .handler-new-cell
/*
width handler-width
height handler-width
border-radius 1000px
*/
&.pushed &.pushed
transition top ease 200ms, left ease 200ms transition top ease 200ms, left ease 200ms
...@@ -1393,7 +1376,6 @@ ...@@ -1393,7 +1376,6 @@
position fixed position fixed
width handler-width width handler-width
height handler-width height handler-width
border-radius 1000px
transition opacity ease 350ms transition opacity ease 350ms
opacity 0 opacity 0
...@@ -1406,12 +1388,11 @@ ...@@ -1406,12 +1388,11 @@
&.left-side &.left-side
left gap left gap
right auto right auto
border-radius 0 .5rem .5rem 0 border-radius 0 border-radius-handler border-radius-handler 0
&.right-side &.right-side
// left 'calc(100vw - %s)' % handler-width
left auto left auto
right gap right gap
border-radius .5rem 0 0 .5rem border-radius border-radius-handler 0 0 border-radius-handler
</style> </style>
......