rails_handsontable 0.13.2 → 0.23.0

data/vendor/assets/stylesheets/handsontable.css

@@ -1,15 +1,29 @@
 /*!
- * Handsontable 0.13.1
- * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
- *
- * Copyright (c) 2012-2014 Marcin Warpechowski
- * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsontable.com>
- * Licensed under the MIT license.
- * http://handsontable.com/
- *
- * Date: Thu Mar 19 2015 15:05:12 GMT+0100 (CET)
- */
+(The MIT License)
+
+Copyright (c) 2012-2014 Marcin Warpechowski
+Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
+*/
 .handsontable {
   position: relative;
 }
@@ -21,11 +35,11 @@
   position: relative;
 }
 
-.handsontable.htAutoColumnSize {
+.handsontable.htAutoSize {
   visibility: hidden;
-  left: 0;
+  left: -99000px;
   position: absolute;
-  top: 0;
+  top: -99000px;
 }
 
 .handsontable .wtHider {
@@ -87,6 +101,8 @@
 
 .handsontable th,
 .handsontable td {
+  border-top-width: 0;
+  border-left-width: 0;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   height: 22px;
@@ -125,22 +141,31 @@
 }
 
 .handsontable th:first-child,
-.handsontable td:first-child,
+.handsontable td:first-of-type,
 .handsontable .htNoFrame + th,
 .handsontable .htNoFrame + td {
   border-left: 1px solid #CCC;
 }
 
+.handsontable.htRowHeaders thead tr th:nth-child(2) {
+  border-left: 1px solid #CCC;
+}
+
 .handsontable tr:first-child th,
 .handsontable tr:first-child td {
   border-top: 1px solid #CCC;
 }
 
-.handsontable thead tr:last-child th {
-  border-bottom-width: 0;
+.ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th,
+.ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child
+{
+  border-right-width: 0;
 }
 
-.handsontable thead tr.lastChild th {
+.ht_master:not(.innerBorderTop) thead tr:last-child th,
+.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
+.ht_master:not(.innerBorderTop) thead tr.lastChild th,
+.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
   border-bottom-width: 0;
 }
 
@@ -266,11 +291,62 @@
   display: block;
 }
 
+.handsontable .columnSorting {
+  position: relative;
+}
+
 .handsontable .columnSorting:hover {
   text-decoration: underline;
   cursor: pointer;
 }
 
+.handsontable .columnSorting.ascending::after {
+  content: '\25B2';
+  color: #5f5f5f;
+  position: absolute;
+  right: -15px;
+}
+
+.handsontable .columnSorting.descending::after {
+  content: '\25BC';
+  color: #5f5f5f;
+  position: absolute;
+  right: -15px;
+}
+
+.handsontable th.beforeHiddenColumn {
+  position: relative;
+}
+
+.handsontable th.beforeHiddenColumn::after,
+.handsontable th.afterHiddenColumn::before {
+  content: '\25C0';
+  color: #bbb;
+  position: absolute;
+  right: 1px;
+  top: 2px;
+  font-size: 5pt;
+}
+
+.handsontable th.afterHiddenColumn {
+  position: relative;
+}
+
+.handsontable th.afterHiddenColumn::before {
+  left: 1px;
+  top: 2px;
+  right: auto;
+  content: '\25B6';
+}
+
+.handsontable td.afterHiddenColumn.firstVisible {
+  border-left: 1px solid #CCC;
+}
+
+.handsontable thead th.hiddenHeader {
+  display: none;
+}
+
 /* border line */
 
 .handsontable .wtBorder {
@@ -420,6 +496,11 @@ CheckboxRenderer
 .handsontable .htCheckboxRendererInput.noValue {
   opacity: 0.5;
 }
+.handsontable .htCheckboxRendererLabel {
+  cursor: pointer;
+  display: inline-block;
+  width: 100%;
+}
 
 /*
 NumericRenderer
@@ -489,14 +570,15 @@ Comment For Cell
  * Handsontable in Handsontable
  */
 
-.handsontable .handsontable .wtHider {
+.handsontable .handsontable.ht_clone_top .wtHider {
   padding: 0 0 5px 0;
 }
 
-.handsontable .handsontable table {
-  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
-  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
-}
+/* removing shadows, TODO: remove the commented code and this comment  */
+/*.handsontable .handsontable:not(.ht_master) table {*/
+  /*-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
+  /*box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);*/
+/*}*/
 
 /**
 * Autocomplete Editor
@@ -528,7 +610,7 @@ Comment For Cell
 .handsontable.listbox tr:last-child th,
 .handsontable.listbox tr:first-child td,
 .handsontable.listbox td {
-  border-width: 0;
+  border-color: transparent;
 }
 
 .handsontable.listbox th,
@@ -552,19 +634,6 @@ Comment For Cell
   background: #eee;
 }
 
-.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,
-.htContextMenu .ht_clone_debug {
-  display: none;
-}
-
 .ht_clone_top {
   z-index: 101;
 }
@@ -573,7 +642,8 @@ Comment For Cell
   z-index: 102;
 }
 
-.ht_clone_corner {
+.ht_clone_top_left_corner,
+.ht_clone_bottom_left_corner {
   z-index: 103;
 }
 
@@ -581,62 +651,6 @@ Comment For Cell
   z-index: 103;
 }
 
-.htContextMenu table.htCore {
-  outline: 1px solid #bbb;
-}
-
-.htContextMenu .wtBorder {
-  visibility: hidden;
-}
-
-.htContextMenu table tbody tr td {
-  background: white;
-  border-width: 0;
-  padding: 4px 6px 0px 6px;
-  cursor: pointer;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.htContextMenu table tbody tr td:first-child {
-  border: 0;
-}
-
-.htContextMenu table tbody tr td.htDimmed{
-  font-style: normal;
-  color: #323232;
-}
-
-.htContextMenu table tbody tr td.current,
-.htContextMenu table tbody tr td.zeroclipboard-is-hover {
-  background: rgb(233, 233, 233);
-}
-
-.htContextMenu table tbody tr td.htSeparator {
-  border-top: 1px solid #bbb;
-  height: 0;
-  padding: 0;
-}
-
-.htContextMenu table tbody tr td.htDisabled {
-  color: #999;
-}
-
-.htContextMenu table tbody tr td.htDisabled:hover {
-  background: white;
-  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;
@@ -649,94 +663,46 @@ Cell borders
   /*box-sizing: border-box !important;*/
   border-width: 1px;
 }
-.htBordered.htTopBorderSolid{
+.htBordered.htTopBorderSolid {
   border-top-style: solid;
   border-top-color: #000;
 }
-.htBordered.htRightBorderSolid{
+.htBordered.htRightBorderSolid {
   border-right-style: solid;
   border-right-color: #000;
 }
-.htBordered.htBottomBorderSolid{
+.htBordered.htBottomBorderSolid {
   border-bottom-style: solid;
   border-bottom-color: #000;
 }
-.htBordered.htLeftBorderSolid{
+.htBordered.htLeftBorderSolid {
   border-left-style: solid;
   border-left-color: #000;
 }
 
 .htCommentTextArea{
+  -moz-box-shadow: 1px 1px 2px #bbb;
+  -webkit-box-shadow: 1px 1px 2px #bbb;
   background-color: #FFFACD;
+  border: 1px solid #999;
   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 {
+.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
   border-bottom: 1px solid #CCC;
   padding-bottom: 5px;
 }
 
 
-.ht_clone_corner thead tr th:nth-last-child(2) {
+.ht_clone_top_left_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;
@@ -778,37 +744,6 @@ thead .htCollapseButton:after {
   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;
@@ -820,7 +755,7 @@ thead .htCollapseButton:after {
   -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;
+  top: 0;
   display: none;
 }
 
@@ -833,8 +768,31 @@ thead .htCollapseButton:after {
   display: block;
 }
 
+.collapsibleIndicator {
+  position: absolute;
+  top: 50%;
+  transform: translate(0% ,-50%);
+  right: 5px;
+  border: 1px solid #A6A6A6;
+  line-height: 10px;
+  color: #222;
+  border-radius: 10px;
+  font-size: 10px;
+  width: 10px;
+  height: 10px;
+  cursor: pointer;
+  -webkit-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
+  -moz-box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
+  box-shadow: 0px 0px 0px 6px rgba(238,238,238,1);
+  background: #eee;
+}
+
 .handsontable col.hidden {
-  width: 0px !important;
+  width: 0 !important;
+}
+
+.handsontable table tr th.lightRightBorder {
+  border-right: 1px solid #E6E6E6;
 }
 
 .handsontable tr.hidden,
@@ -843,6 +801,29 @@ thead .htCollapseButton:after {
   display: none;
 }
 
+.ht_master,
+.ht_clone_left,
+.ht_clone_top,
+.ht_clone_bottom {
+  overflow: hidden;
+}
+
+.ht_master .wtHolder {
+  overflow: auto;
+}
+
+.ht_clone_left .wtHolder {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.ht_clone_top .wtHolder,
+.ht_clone_bottom .wtHolder {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+
 /*WalkontableDebugOverlay*/
 
 .wtDebugHidden {
@@ -890,14 +871,14 @@ thead .htCollapseButton:after {
     opacity: 1;
   }
 }
-
 /*
 
  Handsontable Mobile Text Editor stylesheet
 
  */
 
-.handsontable.mobile {
+.handsontable.mobile,
+.handsontable.mobile .wtHolder {
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
@@ -1105,3 +1086,89 @@ thead .htCollapseButton:after {
   animation-fill-mode: forwards;
   -webkit-animation-fill-mode: forwards;
 }
+/*!
+ * Handsontable ContextMenu
+ */
+
+.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,
+.htContextMenu .ht_clone_debug {
+  display: none;
+}
+
+.htContextMenu table.htCore {
+  border: 1px solid #bbb;
+  border-bottom-width: 2px;
+  border-right-width: 2px;
+}
+
+.htContextMenu .wtBorder {
+  visibility: hidden;
+}
+
+.htContextMenu table tbody tr td {
+  background: white;
+  border-width: 0;
+  padding: 4px 6px 0 6px;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.htContextMenu table tbody tr td:first-child {
+  border: 0;
+}
+
+.htContextMenu table tbody tr td.htDimmed {
+  font-style: normal;
+  color: #323232;
+}
+
+.htContextMenu table tbody tr td.current,
+.htContextMenu table tbody tr td.zeroclipboard-is-hover {
+  background: #e9e9e9;
+}
+
+.htContextMenu table tbody tr td.htSeparator {
+  border-top: 1px solid #bbb;
+  height: 0;
+  padding: 0;
+  cursor: default;
+}
+
+.htContextMenu table tbody tr td.htDisabled {
+  color: #999;
+}
+
+.htContextMenu table tbody tr td.htDisabled:hover {
+  background: #fff;
+  color: #999;
+  cursor: default;
+}
+
+.htContextMenu table tbody tr.htHidden {
+  display: none;
+}
+
+.htContextMenu table tbody tr td .htItemWrapper {
+  margin-left: 10px;
+  margin-right: 6px;
+}
+
+.htContextMenu table tbody tr td div span.selected {
+  margin-top: -2px;
+  position: absolute;
+  left: 4px;
+}
+
+.htContextMenu .ht_master .wtHolder {
+  overflow: hidden;
+}