diff --git a/src/client/app/desktop/views/pages/deck/deck.column.vue b/src/client/app/desktop/views/pages/deck/deck.column.vue
index d59d430da..239b1b044 100644
--- a/src/client/app/desktop/views/pages/deck/deck.column.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.column.vue
@@ -3,18 +3,20 @@
@dragover.prevent.stop="onDragover"
@dragenter.prevent="onDragenter"
@dragleave="onDragleave"
- @drop.prevent.stop="onDrop"
->
+ @drop.prevent.stop="onDrop">
+ @contextmenu.prevent.stop="onContextmenu">
+
({{ count }})
-
+
@@ -211,6 +213,13 @@ export default Vue.extend({
});
},
+ goTop() {
+ this.$refs.body.scrollTo({
+ top: 0,
+ behavior: 'smooth'
+ });
+ },
+
onDragstart(e) {
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('mk-deck-column', this.column.id);
@@ -302,6 +311,7 @@ root(isDark)
color #bbb
> header
+ display flex
z-index 1
line-height $header-height
padding 0 16px
@@ -328,10 +338,8 @@ root(isDark)
margin-left 4px
opacity 0.5
- > button
- position absolute
- top 0
- right 0
+ > .toggleActive
+ > .menu
width $header-height
line-height $header-height
font-size 16px
@@ -343,6 +351,13 @@ root(isDark)
&:active
color isDark ? #b2c1d5 : #999
+ > .toggleActive
+ margin-left -16px
+
+ > .menu
+ margin-left auto
+ margin-right -16px
+
> div
height "calc(100% - %s)" % $header-height
overflow auto