sim1222/nca10.net
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(client): ウィジェットを画面スクロールに連動させるオプション

Browse Source
This commit is contained in:
syuilo
2020-07-06 00:03:08 +09:00
parent 462204e204
commit 3799708daf
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/client/app.vue
View File

@ -87,7 +87,7 @@
</main>
<template v-if="isDesktop">
<div class="widgets" :class="{ edit: widgetsEditMode }" v-for="place in ['left', 'right']" :key="place">
<div class="widgets" :class="{ edit: widgetsEditMode, fixed: $store.state.device.fixedWidgetsPosition }" v-for="place in ['left', 'right']" :key="place">
<template v-if="widgetsEditMode">
<mk-button primary @click="addWidget(place)" class="add"><fa :icon="faPlus"/></mk-button>
<x-draggable
@ -988,13 +988,17 @@ export default Vue.extend({
}
> .widgets {
position: sticky;
top: $header-height;
height: calc(100vh - #{$header-height});
min-height: calc(100vh - #{$header-height});
padding: 0 var(--margin);
overflow: auto;
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
&.fixed {
position: sticky;
height: calc(100vh - #{$header-height});
overflow: auto;
}
&:first-of-type {
order: -1;