From 9d90a1d26823f7ca99279c57024a8e16d8ff7864 Mon Sep 17 00:00:00 2001 From: Jose Ivan Vargas Lopez Date: Fri, 16 Jun 2017 19:58:16 +0000 Subject: [PATCH] Fixed overflow on mobile screens for the slash commands --- app/assets/stylesheets/framework/markdown_area.scss | 11 +++++++++++ changelogs/unreleased/fix-overflow-slash-commands.yml | 4 ++++ 2 files changed, 15 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..b21bcc22a87 100644 --- a/app/assets/stylesheets/framework/markdown_area.scss +++ b/app/assets/stylesheets/framework/markdown_area.scss @@ -174,3 +174,14 @@ white-space: nowrap; } } + +@media(max-width: $screen-xs-max) { + .atwho-view-ul { + width: 350px; + } + + .atwho-view ul li { + overflow: hidden; + text-overflow: ellipsis; + } +} 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: