From 9aa24c05528d73a2e817655e52024f54f8a59f54 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 20 Feb 2019 07:08:54 +0900
Subject: [PATCH] :art:

---
 CHANGELOG.md                                             | 1 +
 src/client/app/common/views/pages/explore.vue            | 8 +++++++-
 src/client/app/desktop/views/components/ui-container.vue | 5 +++++
 src/client/app/mobile/views/components/ui-container.vue  | 5 +++++
 4 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ae22e5c2e..f4a44cc15 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@ ChangeLog
 10.87.4
 ----------
 * フォローリクエストを許可するときにエラーになる問題を修正
+* デザインの調整
 
 10.87.3
 ----------
diff --git a/src/client/app/common/views/pages/explore.vue b/src/client/app/common/views/pages/explore.vue
index cfa261188..264e3d775 100644
--- a/src/client/app/common/views/pages/explore.vue
+++ b/src/client/app/common/views/pages/explore.vue
@@ -9,7 +9,7 @@
 		</div>
 	</ui-container>
 
-	<ui-container :body-togglable="true">
+	<ui-container :body-togglable="true" ref="tags">
 		<template #header><fa :icon="faHashtag" fixed-width/>{{ $t('popular-tags') }}</template>
 
 		<div class="vxjfqztj">
@@ -114,6 +114,12 @@ export default Vue.extend({
 		},
 	},
 
+	watch: {
+		tag() {
+			if (this.$refs.tags) this.$refs.tags.toggleContent(this.tag == null);
+		}
+	},
+
 	created() {
 		this.$root.api('hashtags/list', {
 			sort: '+attachedLocalUsers',
diff --git a/src/client/app/desktop/views/components/ui-container.vue b/src/client/app/desktop/views/components/ui-container.vue
index 04351b29c..b75690f50 100644
--- a/src/client/app/desktop/views/components/ui-container.vue
+++ b/src/client/app/desktop/views/components/ui-container.vue
@@ -40,6 +40,11 @@ export default Vue.extend({
 		return {
 			showBody: true
 		};
+	},
+	methods: {
+		toggleContent(show: boolean) {
+			this.showBody = show;
+		}
 	}
 });
 </script>
diff --git a/src/client/app/mobile/views/components/ui-container.vue b/src/client/app/mobile/views/components/ui-container.vue
index 2f677fa8f..3e3633cef 100644
--- a/src/client/app/mobile/views/components/ui-container.vue
+++ b/src/client/app/mobile/views/components/ui-container.vue
@@ -35,6 +35,11 @@ export default Vue.extend({
 		return {
 			showBody: true
 		};
+	},
+	methods: {
+		toggleContent(show: boolean) {
+			this.showBody = show;
+		}
 	}
 });
 </script>