This commit is contained in:
syuilo 2020-07-04 21:47:54 +09:00
parent 157f1c66dc
commit 1b75984046
1 changed files with 59 additions and 65 deletions

View File

@ -86,8 +86,7 @@
</div> </div>
</main> </main>
<div class="widgets"> <div class="widgets" :class="{ edit: widgetsEditMode }">
<div ref="widgets" :class="{ edit: widgetsEditMode }">
<template v-if="isDesktop && $store.getters.isSignedIn"> <template v-if="isDesktop && $store.getters.isSignedIn">
<template v-if="widgetsEditMode"> <template v-if="widgetsEditMode">
<mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button> <mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button>
@ -114,7 +113,6 @@
</template> </template>
</div> </div>
</div> </div>
</div>
<div class="buttons"> <div class="buttons">
<button class="button nav _button" @click="showNav = true" ref="navButton"><fa :icon="faBars"/><i v-if="navIndicated"><fa :icon="faCircle"/></i></button> <button class="button nav _button" @click="showNav = true" ref="navButton"><fa :icon="faBars"/><i v-if="navIndicated"><fa :icon="faCircle"/></i></button>
@ -575,7 +573,7 @@ export default Vue.extend({
$ui-font-size: 1em; $ui-font-size: 1em;
$nav-icon-only-threshold: 1279px; $nav-icon-only-threshold: 1279px;
$nav-hide-threshold: 650px; $nav-hide-threshold: 650px;
$side-hide-threshold: 1070px; $side-hide-threshold: 1090px;
min-height: 100vh; min-height: 100vh;
box-sizing: border-box; box-sizing: border-box;
@ -965,13 +963,6 @@ export default Vue.extend({
} }
> .widgets { > .widgets {
box-sizing: border-box;
@media (max-width: $side-hide-threshold) {
display: none;
}
> div {
position: sticky; position: sticky;
top: $header-height; top: $header-height;
height: calc(100vh - #{$header-height}); height: calc(100vh - #{$header-height});
@ -979,6 +970,10 @@ export default Vue.extend({
overflow: auto; overflow: auto;
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider); box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
@media (max-width: $side-hide-threshold) {
display: none;
}
> * { > * {
margin: var(--margin) 0; margin: var(--margin) 0;
width: 300px; width: 300px;
@ -1020,7 +1015,6 @@ export default Vue.extend({
} }
} }
} }
}
> .post { > .post {
display: none; display: none;