rails_handsontable 0.1.4 → 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,17 +1,18 @@
1
1
  /*!
2
- * Handsontable 0.11.4
3
- * Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
2
+ * Handsontable 0.12.4
3
+ * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
4
4
  *
5
5
  * Copyright 2012-2014 Marcin Warpechowski
6
6
  * Licensed under the MIT license.
7
7
  * http://handsontable.com/
8
8
  *
9
- * Date: Tue Oct 07 2014 21:47:07 GMT+0200 (CEST)
9
+ * Date: Fri Jan 23 2015 10:07:24 GMT+0100 (CET)
10
10
  */
11
11
 
12
12
  .handsontable {
13
13
  position: relative;
14
14
  }
15
+
15
16
  .handsontable .hide{
16
17
  display: none;
17
18
  }
@@ -26,21 +27,37 @@
26
27
  top: 0;
27
28
  }
28
29
 
30
+ .handsontable .wtHider {
31
+ width: 0;
32
+ }
33
+
34
+ .handsontable .wtSpreader {
35
+ position: relative;
36
+ width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
37
+ height: auto;
38
+ }
39
+
29
40
  .handsontable table,
30
41
  .handsontable tbody,
31
42
  .handsontable thead,
32
43
  .handsontable td,
33
44
  .handsontable th,
45
+ .handsontable input,
46
+ .handsontable textarea,
34
47
  .handsontable div {
35
48
  box-sizing: content-box;
36
49
  -webkit-box-sizing: content-box;
37
50
  -moz-box-sizing: content-box;
38
51
  }
39
52
 
53
+ .handsontable input,
54
+ .handsontable textarea {
55
+ min-height: initial;
56
+ }
57
+
40
58
  .handsontable table.htCore {
41
59
  border-collapse: separate;
42
60
  /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
43
- position: relative;
44
61
  /*this actually only changes appearance of user selection - does not make text unselectable
45
62
  -webkit-user-select: none;
46
63
  -khtml-user-select: none;
@@ -54,7 +71,7 @@
54
71
  table-layout: fixed;
55
72
  width: 0;
56
73
  outline-width: 0;
57
- /* reset bootstrap table style. for more info see: https://github.com/handsontable/jquery-handsontable/issues/224 */
74
+ /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
58
75
  max-width: none;
59
76
  max-height: none;
60
77
  }
@@ -299,6 +316,10 @@
299
316
  /*overwrite styles potentionally made by a framework*/
300
317
  }
301
318
 
319
+ .handsontableInput:focus {
320
+ border: 2px solid #5292F7;
321
+ }
322
+
302
323
  .handsontableInputHolder {
303
324
  position: absolute;
304
325
  top: 0;
@@ -309,6 +330,7 @@
309
330
  .htSelectEditor {
310
331
  -webkit-appearance: menulist-button !important;
311
332
  position: absolute;
333
+ width: auto;
312
334
  }
313
335
 
314
336
  /*
@@ -319,11 +341,15 @@ TextRenderer readOnly cell
319
341
  color: #777;
320
342
  }
321
343
 
344
+ .handsontable .htSubmenu {
345
+ position: relative;
346
+ }
347
+
322
348
  .handsontable .htSubmenu :after{
323
- content: '▶';
324
- color: #777;
325
- position: absolute;
326
- right: 5px;
349
+ content: '▶';
350
+ color: #777;
351
+ position: absolute;
352
+ right: 5px;
327
353
  }
328
354
 
329
355
 
@@ -411,6 +437,47 @@ Comment For Cell
411
437
  border-top: 6px solid red;
412
438
  }
413
439
 
440
+ @-webkit-keyframes opacity-hide {
441
+ from {
442
+ opacity: 1;
443
+ }
444
+ to {
445
+ opacity: 0;
446
+ /*display: none;*/
447
+ }
448
+ }
449
+ @keyframes opacity-hide {
450
+ from {
451
+ /*display: block;*/
452
+ opacity: 1;
453
+ }
454
+ to {
455
+ opacity: 0;
456
+ /*display: none;*/
457
+ }
458
+ }
459
+
460
+ @-webkit-keyframes opacity-show {
461
+ from {
462
+ opacity: 0;
463
+ /*display: none;*/
464
+ }
465
+ to {
466
+ opacity: 1;
467
+ /*display: block;*/
468
+ }
469
+ }
470
+ @keyframes opacity-show {
471
+ from {
472
+ opacity: 0;
473
+ /*display: none;*/
474
+ }
475
+ to {
476
+ opacity: 1;
477
+ /*display: block;*/
478
+ }
479
+ }
480
+
414
481
  /**
415
482
  * Handsontable in Handsontable
416
483
  */
@@ -486,7 +553,8 @@ Comment For Cell
486
553
 
487
554
  .htContextMenu .ht_clone_top,
488
555
  .htContextMenu .ht_clone_left,
489
- .htContextMenu .ht_clone_corner {
556
+ .htContextMenu .ht_clone_corner,
557
+ .htContextMenu .ht_clone_debug {
490
558
  display: none;
491
559
  }
492
560
 
@@ -502,6 +570,10 @@ Comment For Cell
502
570
  z-index: 103;
503
571
  }
504
572
 
573
+ .ht_clone_debug {
574
+ z-index: 103;
575
+ }
576
+
505
577
  .htContextMenu table.htCore {
506
578
  outline: 1px solid #bbb;
507
579
  }
@@ -811,3 +883,218 @@ thead .htCollapseButton:after {
811
883
  opacity: 1;
812
884
  }
813
885
  }
886
+
887
+ /*
888
+
889
+ Handsontable Mobile Text Editor stylesheet
890
+
891
+ */
892
+
893
+ .handsontable.mobile {
894
+ -webkit-touch-callout:none;
895
+ -webkit-user-select:none;
896
+ -khtml-user-select:none;
897
+ -moz-user-select:none;
898
+ -ms-user-select:none;
899
+ user-select:none;
900
+ -webkit-tap-highlight-color:rgba(0,0,0,0);
901
+ -webkit-overflow-scrolling: touch;
902
+ }
903
+
904
+ .htMobileEditorContainer {
905
+ display: none;
906
+ position: absolute;
907
+ top: 0;
908
+ width: 70%;
909
+ height: 54pt;
910
+ background: #f8f8f8;
911
+ border-radius: 20px;
912
+ border: 1px solid #ebebeb;
913
+ z-index: 999;
914
+ box-sizing: border-box;
915
+ -webkit-box-sizing: border-box;
916
+ -webkit-text-size-adjust: none;
917
+ }
918
+
919
+ .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
920
+ .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
921
+ z-index: 9999;
922
+ }
923
+
924
+ /* Initial left/top coordinates - overwritten when actual position is set */
925
+ .topLeftSelectionHandle,
926
+ .topLeftSelectionHandle-HitArea,
927
+ .bottomRightSelectionHandle,
928
+ .bottomRightSelectionHandle-HitArea {
929
+ left: -10000px;
930
+ top: -10000px;
931
+ }
932
+
933
+ .htMobileEditorContainer.active {
934
+ display: block;
935
+ }
936
+
937
+ .htMobileEditorContainer .inputs {
938
+ position: absolute;
939
+ right: 210pt;
940
+ bottom: 10pt;
941
+ top: 10pt;
942
+ left: 14px;
943
+ height: 34pt;
944
+ }
945
+
946
+ .htMobileEditorContainer .inputs textarea {
947
+ font-size: 13pt;
948
+ border: 1px solid #a1a1a1;
949
+ -webkit-appearance: none;
950
+ -webkit-box-shadow: none;
951
+ -moz-box-shadow: none;
952
+ box-shadow: none;
953
+ position: absolute;
954
+ left: 14px;
955
+ right: 14px;
956
+ top: 0;
957
+ bottom: 0;
958
+ padding: 7pt;
959
+ }
960
+
961
+ .htMobileEditorContainer .cellPointer {
962
+ position: absolute;
963
+ top: -13pt;
964
+ height: 0;
965
+ width: 0;
966
+ left: 30px;
967
+
968
+ border-left: 13pt solid transparent;
969
+ border-right: 13pt solid transparent;
970
+ border-bottom: 13pt solid #ebebeb;
971
+ }
972
+
973
+ .htMobileEditorContainer .cellPointer.hidden {
974
+ display: none;
975
+ }
976
+
977
+ .htMobileEditorContainer .cellPointer:before {
978
+ content: '';
979
+ display: block;
980
+ position: absolute;
981
+ top: 2px;
982
+ height: 0;
983
+ width: 0;
984
+ left: -13pt;
985
+
986
+ border-left: 13pt solid transparent;
987
+ border-right: 13pt solid transparent;
988
+ border-bottom: 13pt solid #f8f8f8;
989
+ }
990
+
991
+ .htMobileEditorContainer .moveHandle {
992
+ position: absolute;
993
+ top: 10pt;
994
+ left: 5px;
995
+ width: 30px;
996
+ bottom: 0px;
997
+ cursor: move;
998
+ z-index: 9999;
999
+ }
1000
+
1001
+ .htMobileEditorContainer .moveHandle:after {
1002
+ content: "..\a..\a..\a..";
1003
+ white-space: pre;
1004
+ line-height: 10px;
1005
+ font-size: 20pt;
1006
+ display: inline-block;
1007
+ margin-top: -8px;
1008
+ color: #ebebeb;
1009
+ }
1010
+
1011
+ .htMobileEditorContainer .positionControls {
1012
+ width: 205pt;
1013
+ position: absolute;
1014
+ right: 5pt;
1015
+ top: 0;
1016
+ bottom: 0;
1017
+ }
1018
+
1019
+ .htMobileEditorContainer .positionControls > div {
1020
+ width: 50pt;
1021
+ height: 100%;
1022
+ float: left;
1023
+ }
1024
+
1025
+ .htMobileEditorContainer .positionControls > div:after {
1026
+ content: " ";
1027
+ display: block;
1028
+ width: 15pt;
1029
+ height: 15pt;
1030
+ text-align: center;
1031
+ line-height: 50pt;
1032
+ }
1033
+
1034
+ .htMobileEditorContainer .leftButton:after,
1035
+ .htMobileEditorContainer .rightButton:after,
1036
+ .htMobileEditorContainer .upButton:after,
1037
+ .htMobileEditorContainer .downButton:after {
1038
+ transform-origin: 5pt 5pt;
1039
+ -webkit-transform-origin: 5pt 5pt;
1040
+ margin: 21pt 0 0 21pt;
1041
+ }
1042
+
1043
+ .htMobileEditorContainer .leftButton:after {
1044
+ border-top: 2px solid #288ffe;
1045
+ border-left: 2px solid #288ffe;
1046
+ -webkit-transform: rotate(-45deg);
1047
+ /*margin-top: 17pt;*/
1048
+ /*margin-left: 20pt;*/
1049
+ }
1050
+ .htMobileEditorContainer .leftButton:active:after {
1051
+ border-color: #cfcfcf;
1052
+ }
1053
+
1054
+ .htMobileEditorContainer .rightButton:after {
1055
+ border-top: 2px solid #288ffe;
1056
+ border-left: 2px solid #288ffe;
1057
+ -webkit-transform: rotate(135deg);
1058
+ /*margin-top: 17pt;*/
1059
+ /*margin-left: 10pt;*/
1060
+ }
1061
+ .htMobileEditorContainer .rightButton:active:after {
1062
+ border-color: #cfcfcf;
1063
+ }
1064
+
1065
+ .htMobileEditorContainer .upButton:after {
1066
+ /*border-top: 2px solid #cfcfcf;*/
1067
+ border-top: 2px solid #288ffe;
1068
+ border-left: 2px solid #288ffe;
1069
+ -webkit-transform: rotate(45deg);
1070
+ /*margin-top: 22pt;*/
1071
+ /*margin-left: 15pt;*/
1072
+ }
1073
+ .htMobileEditorContainer .upButton:active:after {
1074
+ border-color: #cfcfcf;
1075
+ }
1076
+
1077
+ .htMobileEditorContainer .downButton:after {
1078
+ border-top: 2px solid #288ffe;
1079
+ border-left: 2px solid #288ffe;
1080
+ -webkit-transform: rotate(225deg);
1081
+ /*margin-top: 15pt;*/
1082
+ /*margin-left: 15pt;*/
1083
+ }
1084
+ .htMobileEditorContainer .downButton:active:after {
1085
+ border-color: #cfcfcf;
1086
+ }
1087
+
1088
+ .handsontable.hide-tween {
1089
+ -webkit-animation: opacity-hide 0.3s;
1090
+ animation: opacity-hide 0.3s;
1091
+ animation-fill-mode: forwards;
1092
+ -webkit-animation-fill-mode: forwards;
1093
+ }
1094
+
1095
+ .handsontable.show-tween {
1096
+ -webkit-animation: opacity-show 0.3s;
1097
+ animation: opacity-show 0.3s;
1098
+ animation-fill-mode: forwards;
1099
+ -webkit-animation-fill-mode: forwards;
1100
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: rails_handsontable
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.4
4
+ version: 0.1.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-11-06 00:00:00.000000000 Z
12
+ date: 2015-01-31 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties