From 2eb16a587b9b865de473f9c560ae21f5def3c97d Mon Sep 17 00:00:00 2001 From: Axel Rutz 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