Improve deck usability
This commit is contained in:
		
							parent
							
								
									e0d6f7c7c4
								
							
						
					
					
						commit
						209fe7dcaf
					
				
					 1 changed files with 14 additions and 1 deletions
				
			
		| 
						 | 
				
			
			@ -1,6 +1,6 @@
 | 
			
		|||
<template>
 | 
			
		||||
<mk-ui :class="$style.root">
 | 
			
		||||
	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }" v-hotkey.global="keymap">
 | 
			
		||||
	<div class="qlvquzbjribqcaozciifydkngcwtyzje" ref="body" :style="style" :class="{ center: $store.state.device.deckColumnAlign == 'center' }" v-hotkey.global="keymap">
 | 
			
		||||
		<template v-for="ids in layout">
 | 
			
		||||
			<div v-if="ids.length > 1" class="folder">
 | 
			
		||||
				<template v-for="id, i in ids">
 | 
			
		||||
| 
						 | 
				
			
			@ -64,6 +64,19 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	watch: {
 | 
			
		||||
		temporaryColumn() {
 | 
			
		||||
			if (this.temporaryColumn != null) {
 | 
			
		||||
				this.$nextTick(() => {
 | 
			
		||||
					this.$refs.body.scrollTo({
 | 
			
		||||
						left: 10000,
 | 
			
		||||
						behavior: 'smooth'
 | 
			
		||||
					});
 | 
			
		||||
				});
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
	},
 | 
			
		||||
 | 
			
		||||
	provide() {
 | 
			
		||||
		return {
 | 
			
		||||
			getColumnVm: this.getColumnVm
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue