Truncate long select tags using ellipsis

See textpattern/textpattern#1568

Author: philwareham

dist/hive/assets/css/textpattern.css

@@ -157,7 +157,7 @@ <h2>Edit section</h2>
                 <div class="txp-form-field-value">
                     <select name="skin" id="section_skin">
                         <option value="four-point-eight" dir="auto">Four Point Eight</option>
-                        <option value="bootstrap-blog-theme" dir="auto" selected>Bootstrap Blog Theme</option>
+                        <option value="bootstrap-blog-theme" dir="auto" selected>An example of a really really really long theme name for testing purposes</option>
                     </select>
                 </div>
             </div>

dist/hiveneutral/assets/css/textpattern.css

@@ -388,6 +388,7 @@ select {
     padding-right: 1.30769230769231em; // 17px / 13px
     background: $color-background-form url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 4'%3E%3Cpolygon fill='%23333' points='3.5,4 0,0 7,0'/%3E%3C/svg%3E") right center no-repeat;
     background-size: 1em 0.30769230769231em;
+    text-overflow: ellipsis;
     text-transform: none;
 }
 

dist/setup-multisite.css

@@ -781,7 +781,7 @@ span.spinner {
 
 .txp-form-field-label,
 .txp-form-field-value {
-    max-width: 31em; // 408px / 13px
+    max-width: 30em; // 390px / 13px
 }
 
 /**