From 2eb16a587b9b865de473f9c560ae21f5def3c97d Mon Sep 17 00:00:00 2001
From: Axel Rutz <axel.rutz@clever-systems.net>
Date: Fri, 4 Dec 2015 19:09:39 +0100
Subject: [PATCH] Issue #1890266 by edrupal, droplet, YesCT, Risse, hansrossel,
 ravi.khetri, axel.rutz: dropbutton text fails to retain .dropbutton-widget
 width

---
 core/misc/dropbutton/dropbutton.css                   | 16 ++++++----------
 core/themes/stable/css/core/dropbutton/dropbutton.css | 16 ++++++----------
 2 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/core/misc/dropbutton/dropbutton.css b/core/misc/dropbutton/dropbutton.css
index 5990514..f4b52e4 100644
--- a/core/misc/dropbutton/dropbutton.css
+++ b/core/misc/dropbutton/dropbutton.css
@@ -42,16 +42,8 @@
   min-height: 2em;
 }
 .js td .dropbutton-multiple {
-  padding-right: 10em; /* LTR */
-  margin-right: 2em; /* LTR */
   max-width: 100%;
 }
-[dir="rtl"].js td .dropbutton-multiple {
-  padding-right: 0;
-  margin-right: 0;
-  padding-left: 10em;
-  margin-left: 2em;
-}
 .js td .dropbutton-multiple .dropbutton-action a,
 .js td .dropbutton-multiple .dropbutton-action input,
 .js td .dropbutton-multiple .dropbutton-action button {
@@ -103,8 +95,12 @@
 .dropbutton-multiple.open {
   z-index: 100;
 }
-.dropbutton-multiple .dropbutton .secondary-action {
-  display: none;
+.dropbutton-multiple:not(.open) .dropbutton .secondary-action {
+    height: 0;
+    border: none;
+    margin: 0;
+    padding: 0;
+    visibility: hidden;
 }
 .dropbutton-multiple.open .dropbutton .secondary-action {
   display: block;
diff --git a/core/themes/stable/css/core/dropbutton/dropbutton.css b/core/themes/stable/css/core/dropbutton/dropbutton.css
index 5990514..f4b52e4 100644
--- a/core/themes/stable/css/core/dropbutton/dropbutton.css
+++ b/core/themes/stable/css/core/dropbutton/dropbutton.css
@@ -42,16 +42,8 @@
   min-height: 2em;
 }
 .js td .dropbutton-multiple {
-  padding-right: 10em; /* LTR */
-  margin-right: 2em; /* LTR */
   max-width: 100%;
 }
-[dir="rtl"].js td .dropbutton-multiple {
-  padding-right: 0;
-  margin-right: 0;
-  padding-left: 10em;
-  margin-left: 2em;
-}
 .js td .dropbutton-multiple .dropbutton-action a,
 .js td .dropbutton-multiple .dropbutton-action input,
 .js td .dropbutton-multiple .dropbutton-action button {
@@ -103,8 +95,12 @@
 .dropbutton-multiple.open {
   z-index: 100;
 }
-.dropbutton-multiple .dropbutton .secondary-action {
-  display: none;
+.dropbutton-multiple:not(.open) .dropbutton .secondary-action {
+    height: 0;
+    border: none;
+    margin: 0;
+    padding: 0;
+    visibility: hidden;
 }
 .dropbutton-multiple.open .dropbutton .secondary-action {
   display: block;
-- 
2.1.4

