[Rt-commit] rt branch, 4.2-trunk, updated. rt-4.2.12-51-g4c0d85c

[Shawn Moore]

The branch, 4.2-trunk has been updated
       via  4c0d85c3a090909df644e7c46926bcc3c1ef5703 (commit)
      from  a2e2d37657a7424ddc779b2d639d3cb1980dd084 (commit)

Summary of changes:
 share/html/Widgets/SelectionBox | 4 ++--
 share/static/css/base/misc.css  | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

- Log -----------------------------------------------------------------
commit 4c0d85c3a090909df644e7c46926bcc3c1ef5703
Author: Dustin Graves <dustin at bestpractical.com>
Date:   Wed Sep 23 15:39:40 2015 +0000

    add min-width style to selection boxes to prevent 1px wide empty boxes
    
    Fixes: I#31229

diff --git a/share/html/Widgets/SelectionBox b/share/html/Widgets/SelectionBox
index 01ca668..8651064 100644
--- a/share/html/Widgets/SelectionBox
+++ b/share/html/Widgets/SelectionBox
@@ -169,7 +169,7 @@ $self => undef
 <& SelectionBox:current, self => $self &>
 <&|/l&>Available</&>:
 <br />
-<select name="<%$name%>-Available" id="<%$name%>-Available" size="<%$size%>" multiple="multiple">
+<select name="<%$name%>-Available" id="<%$name%>-Available" size="<%$size%>" multiple="multiple" class="selection-box">
 % for (@{$self->{Available}}) {
 <option value="<% $_->[0] %>"><% $_->[1] %></option>
 % }
@@ -179,7 +179,7 @@ $self => undef
 <input aria-label="Add" name="add" type="submit" class="button" value=" → " />
 % }
 
-<select name="<%$name%>-Selected" id="<%$name%>-Selected" size="<%$size%>" multiple="multiple">
+<select name="<%$name%>-Selected" id="<%$name%>-Selected" size="<%$size%>" multiple="multiple" class="selection-box">
 % for (@{$self->{Current}}) {
 <option value="<% $_ %>"
 % if (exists $selected{$_}) {
diff --git a/share/static/css/base/misc.css b/share/static/css/base/misc.css
index a76bf00..4a92823 100644
--- a/share/static/css/base/misc.css
+++ b/share/static/css/base/misc.css
@@ -76,6 +76,11 @@ textarea.messagebox, #cke_Content, #cke_UpdateContent {
   box-sizing: border-box;
 }
 
+.selection-box {
+    min-width: 300px;
+}
+
 .datepicker {
     width: 17em;
 }
+

-----------------------------------------------------------------------