rails_handsontable 0.0.3 → 0.1.4

data/vendor/assets/stylesheets/jquery.handsontable.css

@@ -1,17 +1,23 @@
-/**
- * Handsontable 0.10.3
+/*!
+ * Handsontable 0.11.4
  * Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
  *
- * Copyright 2012, Marcin Warpechowski
+ * Copyright 2012-2014 Marcin Warpechowski
  * Licensed under the MIT license.
  * http://handsontable.com/
  *
- * Date: Mon Feb 10 2014 14:15:11 GMT+0100 (CET)
+ * Date: Tue Oct 07 2014 21:47:07 GMT+0200 (CEST)
  */
 
 .handsontable {
   position: relative;
 }
+.handsontable .hide{
+  display: none;
+}
+.handsontable .relative {
+  position: relative;
+}
 
 .handsontable.htAutoColumnSize {
   visibility: hidden;
@@ -48,7 +54,7 @@
   table-layout: fixed;
   width: 0;
   outline-width: 0;
-  /* reset bootstrap table style. for more info see: https://github.com/warpech/jquery-handsontable/issues/224 */
+  /* reset bootstrap table style. for more info see: https://github.com/handsontable/jquery-handsontable/issues/224 */
   max-width: none;
   max-height: none;
 }
@@ -79,9 +85,11 @@
 }
 
 .handsontable td.htInvalid {
-  -webkit-transition: background 0.75s ease;
-  transition: background 0.75s ease;
-  background-color: #ff4c42;
+  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
+}
+
+.handsontable td.htNoWrap {
+  white-space: nowrap;
 }
 
 .handsontable th:last-child {
@@ -135,14 +143,13 @@
 }
 
 .handsontable thead th .relative {
-  position: relative;
   padding: 2px 4px;
 }
 
 /* plugins */
 
 .handsontable .manualColumnMover {
-  position: absolute;
+  position: fixed;
   left: 0;
   top: 0;
   background-color: transparent;
@@ -152,39 +159,92 @@
   cursor: move;
 }
 
-.handsontable th .manualColumnMover:hover,
-.handsontable th .manualColumnMover.active {
+.handsontable .manualRowMover {
+  position: fixed;
+  left: -4px;
+  top: 0;
+  background-color: transparent;
+  height: 5px;
+  width: 50px;
+  z-index: 999;
+  cursor: move;
+}
+
+.handsontable .manualColumnMoverGuide,
+.handsontable .manualRowMoverGuide {
+  position: fixed;
+  left: 0;
+  top: 0;
+  background-color: #CCC;
+  width: 25px;
+  height: 25px;
+  opacity: 0.7;
+  display: none;
+}
+
+.handsontable .manualColumnMoverGuide.active,
+.handsontable .manualRowMoverGuide.active {
+  display: block;
+}
+
+.handsontable .manualColumnMover:hover,
+.handsontable .manualColumnMover.active,
+.handsontable .manualRowMover:hover,
+.handsontable .manualRowMover.active{
   background-color: #88F;
 }
 
+/* row + column resizer*/
+
 .handsontable .manualColumnResizer {
-  position: absolute;
+  position: fixed;
   top: 0;
   cursor: col-resize;
-}
-
-.handsontable .manualColumnResizerHandle {
-  background-color: transparent;
+  z-index: 110;
   width: 5px;
   height: 25px;
 }
 
-.handsontable .manualColumnResizer:hover .manualColumnResizerHandle,
-.handsontable .manualColumnResizer.active .manualColumnResizerHandle {
+.handsontable .manualRowResizer {
+  position: fixed;
+  left: 0;
+  cursor: row-resize;
+  z-index: 110;
+  height: 5px;
+  width: 50px;
+}
+
+.handsontable .manualColumnResizer:hover,
+.handsontable .manualColumnResizer.active,
+.handsontable .manualRowResizer:hover,
+.handsontable .manualRowResizer.active {
   background-color: #AAB;
 }
 
-.handsontable .manualColumnResizerLine {
-  position: absolute;
+.handsontable .manualColumnResizerGuide {
+  position: fixed;
   right: 0;
   top: 0;
   background-color: #AAB;
   display: none;
   width: 0;
   border-right: 1px dashed #777;
+  margin-left: 5px;
 }
 
-.handsontable .manualColumnResizer.active .manualColumnResizerLine {
+.handsontable .manualRowResizerGuide {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  background-color: #AAB;
+  display: none;
+  height: 0;
+  border-bottom: 1px dashed #777;
+  margin-top: 5px;
+}
+
+.handsontable .manualColumnResizerGuide.active,
+.handsontable .manualRowResizerGuide.active {
   display: block;
 }
 
@@ -199,6 +259,9 @@
   position: absolute;
   font-size: 0;
 }
+.handsontable .wtBorder.hidden{
+  display:none !important;
+}
 
 .handsontable td.area {
   background-color: #EEF4FF;
@@ -222,10 +285,8 @@
   outline-width: 0;
   margin: 0;
   padding: 1px 4px 0 2px;
-  font-family: Arial, Helvetica, sans-serif;
-  /*repeat from .handsontable (inherit doesn't work with IE<8) */
-  line-height: 1.3em;
-  /*repeat from .handsontable (inherit doesn't work with IE<8) */
+  font-family: inherit;
+  line-height: inherit;
   font-size: inherit;
   -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
@@ -258,6 +319,42 @@ TextRenderer readOnly cell
   color: #777;
 }
 
+.handsontable .htSubmenu :after{
+    content: '▶';
+    color: #777;
+    position: absolute;
+    right: 5px;
+}
+
+
+/*
+TextRenderer horizontal alignment
+*/
+.handsontable .htLeft{
+  text-align: left;
+}
+.handsontable .htCenter{
+  text-align: center;
+}
+.handsontable .htRight{
+  text-align: right;
+}
+.handsontable .htJustify{
+  text-align: justify;
+}
+/*
+TextRenderer vertical alignment
+*/
+.handsontable .htTop{
+  vertical-align: top;
+}
+.handsontable .htMiddle{
+  vertical-align: middle;
+}
+.handsontable .htBottom{
+  vertical-align: bottom;
+}
+
 /*
 TextRenderer placeholder value
 */
@@ -299,38 +396,19 @@ NumericRenderer
   text-align: right;
 }
 
-/*context menu rules*/
-
-ul.context-menu-list {
-  color: black;
-}
-
-ul.context-menu-list li {
-  margin-bottom: 0;
-  /*Foundation framework fix*/
-}
-
-/**
- * dragdealer
- */
-
-.handsontable .dragdealer {
+/*
+Comment For Cell
+*/
+.htCommentCell{
   position: relative;
-  width: 9px;
-  height: 9px;
-  background: #F8F8F8;
-  border: 1px solid #DDD;
 }
-
-.handsontable .dragdealer .handle {
+.htCommentCell:after{
+  content: '';
   position: absolute;
-  width: 9px;
-  height: 9px;
-  background: #C5C5C5;
-}
-
-.handsontable .dragdealer .disabled {
-  background: #898989;
+  top: 0;
+  right: 0;
+  border-left: 6px solid transparent;
+  border-top: 6px solid red;
 }
 
 /**
@@ -346,6 +424,17 @@ ul.context-menu-list li {
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
 }
 
+/**
+* Autocomplete Editor
+*/
+.handsontable .autocompleteEditor.handsontable {
+  padding-right: 17px;
+}
+.handsontable .autocompleteEditor.handsontable.htMacScroll {
+  padding-right: 15px;
+}
+
+
 /**
  * Handsontable listbox theme
  */
@@ -354,7 +443,7 @@ ul.context-menu-list li {
   margin: 0;
 }
 
-.handsontable.listbox table {
+.handsontable.listbox .ht_master table {
   border: 1px solid #ccc;
   border-collapse: separate;
   background: white;
@@ -392,6 +481,25 @@ ul.context-menu-list li {
 .htContextMenu {
   display: none;
   position: absolute;
+  z-index: 1060; /*needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569)*/
+}
+
+.htContextMenu .ht_clone_top,
+.htContextMenu .ht_clone_left,
+.htContextMenu .ht_clone_corner {
+  display: none;
+}
+
+.ht_clone_top {
+  z-index: 101;
+}
+
+.ht_clone_left {
+  z-index: 102;
+}
+
+.ht_clone_corner {
+  z-index: 103;
 }
 
 .htContextMenu table.htCore {
@@ -421,7 +529,8 @@ ul.context-menu-list li {
   color: #323232;
 }
 
-.htContextMenu table tbody tr td.current{
+.htContextMenu table tbody tr td.current,
+.htContextMenu table tbody tr td.zeroclipboard-is-hover {
   background: rgb(233, 233, 233);
 }
 
@@ -440,6 +549,220 @@ ul.context-menu-list li {
   color: #999;
   cursor: default;
 }
+.htContextMenu table tbody tr td div{
+  padding-left: 10px;
+}
+.htContextMenu table tbody tr td div span.selected{
+  margin-top: -2px;
+  position: absolute;
+  left: 4px;
+}
+
+.handsontable td.htSearchResult {
+  background: #fcedd9;
+  color: #583707;
+}
+
+/*
+Cell borders
+*/
+.htBordered{
+  /*box-sizing: border-box !important;*/
+  border-width: 1px;
+}
+.htBordered.htTopBorderSolid{
+  border-top-style: solid;
+  border-top-color: #000;
+}
+.htBordered.htRightBorderSolid{
+  border-right-style: solid;
+  border-right-color: #000;
+}
+.htBordered.htBottomBorderSolid{
+  border-bottom-style: solid;
+  border-bottom-color: #000;
+}
+.htBordered.htLeftBorderSolid{
+  border-left-style: solid;
+  border-left-color: #000;
+}
+
+.htCommentTextArea{
+  background-color: #FFFACD;
+  box-shadow: 1px 1px 2px #bbb;
+  font-family: 'Arial';
+  -webkit-box-shadow: 1px 1px 2px #bbb;
+  -moz-box-shadow: 1px 1px 2px #bbb;
+
+}
+
+/* Grouping indicators */
+.handsontable colgroup col.rowHeader.htGroupCol {
+  width: 25px !important;
+}
+.handsontable colgroup col.rowHeader.htGroupColClosest {
+  width: 30px !important;
+}
+
+.handsontable .htGroupIndicatorContainer {
+  background: #fff;
+  border: 0px;
+  padding-bottom: 0px;
+  vertical-align: bottom;
+  position: relative;
+}
+
+.handsontable thead .htGroupIndicatorContainer {
+  vertical-align: top;
+  border-bottom: 0px;
+}
+
+.handsontable tbody tr th:nth-last-child(2) {
+  border-right: 1px solid #CCC;
+}
+
+.handsontable thead tr:nth-last-child(2) th {
+  border-bottom: 1px solid #CCC;
+  padding-bottom: 5px;
+}
+
+
+.ht_clone_corner thead tr th:nth-last-child(2) {
+  border-right: 1px solid #CCC;
+}
+
+.htVerticalGroup {
+  height: 100%;
+}
+
+.htHorizontalGroup {
+  width: 100%;
+  height: 100%;
+}
+
+.htVerticalGroup:not(.htCollapseButton):after {
+  content: "";
+  height: 100%;
+  width: 1px;
+  display: block;
+  background: #ccc;
+  margin-left: 5px;
+}
+
+.htHorizontalGroup:not(.htCollapseButton):after {
+  content: "";
+  width: 100%;
+  height: 1px;
+  display: block;
+  background: #ccc;
+  margin-top: 20%;
+}
+
+.htCollapseButton {
+  width: 10px;
+  height: 10px;
+  line-height: 10px;
+  text-align: center;
+  border-radius: 5px;
+  border: 1px solid #f3f3f3;
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  cursor: pointer;
+  margin-bottom: 3px;
+  position: relative;
+}
+
+.htCollapseButton:after {
+  content: "";
+  height: 300%;
+  width: 1px;
+  display: block;
+  background: #ccc;
+  margin-left: 4px;
+  position: absolute;
+  /*top: -300%;*/
+  bottom: 10px;
+}
+
+
+thead .htCollapseButton {
+  right: 5px;
+  position: absolute;
+  top: 5px;
+  background: #fff;
+}
+
+thead .htCollapseButton:after {
+  height: 1px;
+  width: 700%;
+  right: 10px;
+  top: 4px;
+}
+
+.handsontable tr th .htGroupStart:after {
+  background: transparent;
+  border-left: 1px solid #ccc;
+  border-top: 1px solid #ccc;
+  width: 5px;
+  position: relative;
+  top: 50%;
+}
+
+.handsontable thead tr th .htGroupStart:after {
+  background: transparent;
+  border-left: 1px solid #ccc;
+  border-top: 1px solid #ccc;
+  height: 5px;
+  width: 50%;
+  position: relative;
+  top: 0px;
+  left: 50%;
+}
+
+.handsontable .htGroupLevelTrigger {
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  width: 15px;
+  height: 15px;
+  margin: 4px auto;
+  padding: 0px;
+  line-height: 15px;
+  cursor: pointer;
+}
+
+.handsontable tr th .htExpandButton {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  line-height: 10px;
+  text-align: center;
+  border-radius: 5px;
+  border: 1px solid #f3f3f3;
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
+  cursor: pointer;
+  top: 0px;
+  display: none;
+}
+
+.handsontable thead tr th .htExpandButton {
+  /*left: 5px;*/
+  top: 5px;
+}
+
+.handsontable tr th .htExpandButton.clickable {
+  display: block;
+}
+
+.handsontable col.hidden {
+  width: 0px !important;
+}
+
+.handsontable tr.hidden,
+.handsontable tr.hidden td,
+.handsontable tr.hidden th {
+  display: none;
+}
 
 /*WalkontableDebugOverlay*/
 
@@ -487,4 +810,4 @@ ul.context-menu-list li {
     display: block;
     opacity: 1;
   }
-}
+}