bootstrap-editable.scss in bootstrap-x-editable-rails-1.4.4

- old
+ new

@@ -1,6 +1,6 @@
-/*! X-editable - v1.4.3 
+/*! X-editable - v1.4.4 
 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
 * http://github.com/vitalets/x-editable
 * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
 
 .editableform {
@@ -20,12 +20,16 @@
    /* inline-block emulation for IE7*/
    zoom: 1; 
    *display: inline;
 }
 
+.editable-buttons.editable-buttons-bottom {
+   display: block; 
+   margin-top: 7px;
+   margin-left: 0;
+}
 
-
 .editable-input {
     vertical-align: top; 
     display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
     width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
     white-space: normal; /* reset white-space decalred in parent*/
@@ -69,17 +73,25 @@
 
 .editable-error {
    color: red;  
 }
 
+/* ---- For specific types ---- */
+
 .editableform .editable-date {
     padding: 0; 
     margin: 0;
     float: left;
 }
 
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+.editable-inline .add-on .icon-th {
+   margin-top: 3px;
+   margin-left: 1px; 
+}
 
+
 /* checklist vertical alignment */
 .editable-checklist label input[type="checkbox"], 
 .editable-checklist label span {
     vertical-align: middle;
     margin: 0;
@@ -110,22 +122,25 @@
    width: 13px;    
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;
-
+   
+   top: 50%;
+   right: 6px;
+   margin-top: -6px;
+   
 }
 
 .editable-clear-x:hover {
    opacity: 1;
 }
-.editable-container {
+.editable-container.editable-popup {
     max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
 }  
 
 .editable-container.popover {
-/*   width: 300px;*/  /* debug */
     width: auto; /* without this rule popover does not stretch */
 }
 
 .editable-container.editable-inline {
     display: inline-block; 
@@ -152,14 +167,14 @@
    color: #585858;  
    cursor: default;
    border-bottom: none;
 }
 
-.editable-empty, .editable-empty:hover{
+.editable-empty, .editable-empty:hover, .editable-empty:focus{
   font-style: italic; 
   color: #DD1144;  
-  border-bottom: none;
+  /* border-bottom: none; */
   text-decoration: none;
 }
 
 .editable-unsaved {
   font-weight: bold; 
@@ -186,11 +201,10 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  */
 .datepicker {
   padding: 4px;
-  margin-top: 1px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   direction: ltr;
   /*.dow {
@@ -289,9 +303,10 @@
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
   border-color: #fdf59a #fdf59a #fbed50;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #000 !important;
 }
 .datepicker table tr td.today:hover,
 .datepicker table tr td.today:hover:hover,
 .datepicker table tr td.today.disabled:hover,
 .datepicker table tr td.today.disabled:hover:hover,