fix #2990: text wrapping in .uneditable-input

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 0218e595b35efc76df5b606d00b49995c40d36dd..e51c74e07ec3c764b718a1905ea7e08d7918d8f2 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -977,6 +977,8 @@ select:focus:required:invalid:focus {
   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
   cursor: not-allowed;
+  overflow: hidden;
+  white-space: nowrap;
 }
 :-moz-placeholder {
   color: #999999;

diff --git a/less/forms.less b/less/forms.less
index dd18b91f549f30693b6499dcc0dc6ad23259f8e0..409de0a2489e896e0fb82751606fea9dcb2dcdbc 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -331,6 +331,9 @@ select:focus:required:invalid {
   border-color: #eee;
   .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
   cursor: not-allowed;
+  // prevent text from wrapping, but still cut it off like an input does
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 // Placeholder text gets special styles; can't be bundled together though for some reason