diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 20:21:39 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 20:21:39 +0900 |
| commit | 3043b2f619906a14dd9add3ad81e9d78549624e2 (patch) | |
| tree | 12dc3702a7887550d06b9f8a5d98ee6ce752ad51 /packages | |
| parent | refactor(client): use css modules (diff) | |
| download | misskey-3043b2f619906a14dd9add3ad81e9d78549624e2.tar.gz misskey-3043b2f619906a14dd9add3ad81e9d78549624e2.tar.bz2 misskey-3043b2f619906a14dd9add3ad81e9d78549624e2.zip | |
fix(client): 画面の幅が狭いとウィジェットドロワーを閉じる手段がなくなるのを修正
Fix #7191
Diffstat (limited to '')
| -rw-r--r-- | packages/frontend/src/ui/universal.vue | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue index a292379fef..079a797f45 100644 --- a/packages/frontend/src/ui/universal.vue +++ b/packages/frontend/src/ui/universal.vue @@ -74,6 +74,7 @@ :leave-to-class="$store.state.animation ? $style.transition_widgetsDrawer_leaveTo : ''" > <div v-if="widgetsShowing" :class="$style.widgetsDrawer"> + <button class="_button" :class="$style.widgetsCloseButton" @click="widgetsShowing = false"><i class="ti ti-x"></i></button> <XWidgets/> </div> </Transition> @@ -310,6 +311,18 @@ $widgets-hide-threshold: 1090px; background: var(--bg); } +.widgetsCloseButton { + padding: 8px; + display: block; + margin: 0 auto; +} + +@media (min-width: 370px) { + .widgetsCloseButton { + display: none; + } +} + .nav { position: fixed; z-index: 1000; |