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