diff options
| author | MeiMei <30769358+mei23@users.noreply.github.com> | 2019-10-14 02:00:29 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2019-10-14 02:00:29 +0900 |
| commit | 488fe2e7bd8cf4ea8d6938a4a68ef218fd2b8ca7 (patch) | |
| tree | 0010fa8c9108ea7b6f0cfcc89308aab4fdc8edf1 /src/client/app/desktop/views/components | |
| parent | Update https-proxy-agent など (#5497) (diff) | |
| download | sharkey-488fe2e7bd8cf4ea8d6938a4a68ef218fd2b8ca7.tar.gz sharkey-488fe2e7bd8cf4ea8d6938a4a68ef218fd2b8ca7.tar.bz2 sharkey-488fe2e7bd8cf4ea8d6938a4a68ef218fd2b8ca7.zip | |
みつけるに連合分を表示するように (#5490)
* みつける Fediverse
* discovered
Diffstat (limited to 'src/client/app/desktop/views/components')
| -rw-r--r-- | src/client/app/desktop/views/components/ui-container.vue | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/client/app/desktop/views/components/ui-container.vue b/src/client/app/desktop/views/components/ui-container.vue index 0489d49982..59954fee8e 100644 --- a/src/client/app/desktop/views/components/ui-container.vue +++ b/src/client/app/desktop/views/components/ui-container.vue @@ -1,9 +1,9 @@ <template> <div class="kedshtep" :class="{ naked, inNakedDeckColumn, shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }"> - <header v-if="showHeader"> + <header v-if="showHeader" :class="{ bodyTogglable }" @click="toggleContent(!showBody)"> <div class="title"><slot name="header"></slot></div> <slot name="func"></slot> - <button v-if="bodyTogglable" @click="toggleContent(!showBody)"> + <button v-if="bodyTogglable"> <template v-if="showBody"><fa icon="angle-up"/></template> <template v-else><fa icon="angle-down"/></template> </button> @@ -47,6 +47,7 @@ export default Vue.extend({ }, methods: { toggleContent(show: boolean) { + if (!this.bodyTogglable) return; this.showBody = show; this.$emit('toggle', show); } @@ -77,6 +78,9 @@ export default Vue.extend({ > header background var(--faceHeader) + &.bodyTogglable + cursor pointer + > .title z-index 1 margin 0 @@ -120,6 +124,9 @@ export default Vue.extend({ color var(--text) background var(--deckColumnBg) + &.bodyTogglable + cursor pointer + > button position absolute top 0 |