change input class to input-*, fixes #34

CHANGELOG.txt

@@ -4,6 +4,7 @@ X-editable changelog
 
 Version 1.1.2 wip
 ----------------------------   
+[bug #34] inputclass span* broken with fluid layout. Changed to input-*. (vitalets) 
 [enh] utils now added to $.fn.editableutils instead of $.fn.editableform.utils (vitalets)
 [enh] input types now added to $.fn.editabletypes instead of $.fn.editableform.types (vitalets)
 [enh] playground and tests now use requirejs (vitalets)  

README.md

@@ -19,7 +19,7 @@ A few steps how to start contributing:
 **x-editable**  
  | -- **lib** (repo related to <code>dev</code> and <code>master</code> branches)  
  | -- **gh-pages** (repo related to <code>gh-pages</code> branch for docs & demo)  
- | -- **playground** (simple node-server and html page for testing, [playground.zip](https://github.com/downloads/vitalets/x-editable/playground.zip))      
+ | -- **playground** (simple node-server and html page for testing, [playground.zip](https://github.com/downloads/vitalets/x-editable/playground.zip), **updated in 1.1.2!**)      
 
 To make it easy follow this script ( _assuming you have [nodejs](http://nodejs.org) installed_ ).
 Please replace <code>&lt;your-github-name&gt;</code> with your name:

src/editable-form/editable-form.css

@@ -82,6 +82,10 @@
     margin: 0;
 }
 
+.editable-checklist label {
+    white-space: nowrap; 
+}
+
 .editable-clear {
    clear: both;
    font-size: 0.9em;

src/inputs-ext/address/address.js

@@ -95,9 +95,9 @@ $(function(){
     });
 
     Address.defaults = $.extend({}, $.fn.editabletypes.abstract.defaults, {
-        tpl: '<div><label><span>City: </span><input type="text" name="city" class="span2"></label></div>'+
+        tpl: '<div><label><span>City: </span><input type="text" name="city" class="input-small"></label></div>'+
-             '<div><label><span>Street: </span><input type="text" name="street" class="span2"></label></div>'+
+             '<div><label><span>Street: </span><input type="text" name="street" class="input-small"></label></div>'+
-             '<div><label><span>Building: </span><input type="text" name="building" class="span1"></label></div>',
+             '<div><label><span>Building: </span><input type="text" name="building" class="input-mini"></label></div>',
              
         inputclass: 'editable-address'
     });

src/inputs/abstract.js

@@ -154,9 +154,9 @@ To create your own input you should inherit from this class.
         
         @property inputclass 
         @type string
-        @default span2
+        @default input-medium
         **/         
-        inputclass: 'span2',
+        inputclass: 'input-medium',
         /**
         Name attribute of input
 

src/inputs/checklist.js

@@ -133,9 +133,9 @@ $(function(){
         /**
         @property inputclass 
         @type string
-        @default span2 editable-checklist
+        @default editable-checklist
         **/         
-        inputclass: 'span2 editable-checklist',        
+        inputclass: 'editable-checklist',        
         
         /**
         Separator of values in string when sending to server

src/inputs/textarea.js

@@ -74,9 +74,9 @@ $(function(){
         tpl:'<textarea></textarea>',
         /**
         @property inputclass 
-        @default span3
+        @default input-large
         **/          
-        inputclass:'span3',
+        inputclass: 'input-large',
         /**
         Placeholder attribute of input. Shown when input is empty.