From 2abe15cc6f61414ea6ec59ddaa58e2bb67f0c28e Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Mon, 6 May 2019 08:34:03 -0700 Subject: [PATCH] fix: fix autosuggest width on mobile (#1186) fixes #1185 --- .../compose/ComposeAutosuggest.html | 16 ++++++++++++---- .../_components/compose/ComposeBox.html | 19 ++++++++++++------- .../_components/compose/ComposeToolbar.html | 6 +----- 3 files changed, 25 insertions(+), 16 deletions(-) diff --git a/src/routes/_components/compose/ComposeAutosuggest.html b/src/routes/_components/compose/ComposeAutosuggest.html index 5885fcfa..c4bd69c3 100644 --- a/src/routes/_components/compose/ComposeAutosuggest.html +++ b/src/routes/_components/compose/ComposeAutosuggest.html @@ -14,14 +14,13 @@ diff --git a/src/routes/_components/compose/ComposeBox.html b/src/routes/_components/compose/ComposeBox.html index ef775a50..167e0bf8 100644 --- a/src/routes/_components/compose/ComposeBox.html +++ b/src/routes/_components/compose/ComposeBox.html @@ -12,6 +12,7 @@ {/if} + @@ -32,13 +33,15 @@ display: grid; align-items: flex-start; grid-template-areas: - "avatar name handle handle" - "avatar cw cw cw" - "avatar input input input" - "avatar gauge gauge gauge" - "avatar toolbar toolbar length" - "avatar media media media"; + "avatar name handle handle" + "avatar cw cw cw" + "avatar input input input" + "avatar gauge gauge gauge" + "avatar autosuggest autosuggest autosuggest" + "avatar toolbar toolbar length" + "avatar media media media"; grid-template-columns: min-content minmax(0, max-content) 1fr 1fr; + position: relative; } .compose-box.direct-reply { @@ -79,6 +82,7 @@ import ComposeMedia from './ComposeMedia.html' import ComposeContentWarning from './ComposeContentWarning.html' import ComposeFileDrop from './ComposeFileDrop.html' + import ComposeAutosuggest from './ComposeAutosuggest.html' import { measureText } from '../../_utils/measureText' import { POST_PRIVACY_OPTIONS } from '../../_static/statuses' import { store } from '../../_store/store' @@ -113,7 +117,8 @@ ComposeStickyButton, ComposeMedia, ComposeContentWarning, - ComposeFileDrop + ComposeFileDrop, + ComposeAutosuggest }, data: () => ({ size: void 0, diff --git a/src/routes/_components/compose/ComposeToolbar.html b/src/routes/_components/compose/ComposeToolbar.html index 86fe8b31..fd0b4470 100644 --- a/src/routes/_components/compose/ComposeToolbar.html +++ b/src/routes/_components/compose/ComposeToolbar.html @@ -30,12 +30,10 @@ style="display: none;" type="file" accept={mediaAccept} > -