From f01e71a8b2c52f5c8207532b13c49e2ee9274ce8 Mon Sep 17 00:00:00 2001
From: Thomas Wucher <account-gitlab@thomaswucher.de>
Date: Wed, 12 Jul 2017 09:44:33 +0000
Subject: [PATCH] Increase width of dropdown menus automatically up to 500 px

---
 app/assets/stylesheets/framework/dropdowns.scss               | 3 ++-
 .../artifacts-download-dropdown-menu-is-too-narrow.yml        | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 changelogs/unreleased/artifacts-download-dropdown-menu-is-too-narrow.yml

diff --git a/app/assets/stylesheets/framework/dropdowns.scss b/app/assets/stylesheets/framework/dropdowns.scss
index dc4ed42544f..3b6bbf3552b 100644
--- a/app/assets/stylesheets/framework/dropdowns.scss
+++ b/app/assets/stylesheets/framework/dropdowns.scss
@@ -186,11 +186,12 @@
 .dropdown-menu-nav {
   display: block;
   position: absolute;
-  width: 100%;
+  width: auto;
   top: 100%;
   left: 0;
   z-index: 9;
   min-width: 240px;
+  max-width: 500px;
   margin-top: 2px;
   margin-bottom: 0;
   font-size: 14px;
diff --git a/changelogs/unreleased/artifacts-download-dropdown-menu-is-too-narrow.yml b/changelogs/unreleased/artifacts-download-dropdown-menu-is-too-narrow.yml
new file mode 100644
index 00000000000..7d47c60e262
--- /dev/null
+++ b/changelogs/unreleased/artifacts-download-dropdown-menu-is-too-narrow.yml
@@ -0,0 +1,4 @@
+---
+title: Increase width of dropdown menus automatically
+merge_request: 12809
+author: Thomas Wucher
-- 
GitLab