From f22e562f8f6d29268152ac16267785e60dd89acc Mon Sep 17 00:00:00 2001 From: Jose Ivan Vargas Date: Mon, 12 Jun 2017 13:33:42 -0500 Subject: fixed overflow on mobile screens for the slash commands --- app/assets/stylesheets/framework/markdown_area.scss | 10 ++++++++++ changelogs/unreleased/fix-overflow-slash-commands.yml | 4 ++++ 2 files changed, 14 insertions(+) create mode 100644 changelogs/unreleased/fix-overflow-slash-commands.yml diff --git a/app/assets/stylesheets/framework/markdown_area.scss b/app/assets/stylesheets/framework/markdown_area.scss index 80691a234f8..f1ed3bc9311 100644 --- a/app/assets/stylesheets/framework/markdown_area.scss +++ b/app/assets/stylesheets/framework/markdown_area.scss @@ -174,3 +174,13 @@ white-space: nowrap; } } + +@media(max-width: $screen-xs-max) { + #at-view-commands { + left: 5px; + + > .atwho-view-ul { + width: 350px; + } + } +} diff --git a/changelogs/unreleased/fix-overflow-slash-commands.yml b/changelogs/unreleased/fix-overflow-slash-commands.yml new file mode 100644 index 00000000000..98ec399e8cb --- /dev/null +++ b/changelogs/unreleased/fix-overflow-slash-commands.yml @@ -0,0 +1,4 @@ +--- +title: Fixed overflow on mobile screens for the slash commands +merge_request: +author: -- cgit v1.2.1