padma-assets 0.1.12 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0603753ba082c1eb25de9a7a1c6045c2918d98bf
|
|
4
|
+
data.tar.gz: 92a7129d42296ae6c67adf67ab040ef1ef085c6b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b2f608dd64c6a72c098fbdec5d7dc0868d0aeb1162dd091f0614b29f91e67ce8ecb3e5ad4204147de447e745ff75a707e99ab69bacfd7d580bb349dfa211eec7
|
|
7
|
+
data.tar.gz: 2e52a86a5aa41a03c2f9e3b4ea7577efb14c14260a197763e375fa37d0b070114e5641bc929cee3414ff3f6a25cd8ee8bd2146356cc9c594284aacf8b3d193ab
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
$(function(){
|
|
2
|
+
$('table').each(function() {
|
|
3
|
+
if($(this).find('thead').length > 0 && $(this).find('th').length > 0) {
|
|
4
|
+
// Clone <thead>
|
|
5
|
+
var $w = $(window),
|
|
6
|
+
$t = $(this),
|
|
7
|
+
$thead = $t.find('thead').clone(),
|
|
8
|
+
$col = $t.find('thead, tbody').clone();
|
|
9
|
+
|
|
10
|
+
// Add class, remove margins, reset width and wrap table
|
|
11
|
+
$t
|
|
12
|
+
.addClass('sticky-enabled')
|
|
13
|
+
.css({
|
|
14
|
+
margin: 0,
|
|
15
|
+
width: '100%'
|
|
16
|
+
}).wrap('<div class="sticky-wrap" />');
|
|
17
|
+
|
|
18
|
+
if($t.hasClass('overflow-y')) $t.removeClass('overflow-y').parent().addClass('overflow-y');
|
|
19
|
+
|
|
20
|
+
// Create new sticky table head (basic)
|
|
21
|
+
$t.after('<table class="sticky-thead" />');
|
|
22
|
+
|
|
23
|
+
// If <tbody> contains <th>, then we create sticky column and intersect (advanced)
|
|
24
|
+
if($t.find('tbody th').length > 0) {
|
|
25
|
+
$t.after('<table class="sticky-col" /><table class="sticky-intersect" />');
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Create shorthand for things
|
|
29
|
+
var $stickyHead = $(this).siblings('.sticky-thead'),
|
|
30
|
+
$stickyCol = $(this).siblings('.sticky-col'),
|
|
31
|
+
$stickyInsct = $(this).siblings('.sticky-intersect'),
|
|
32
|
+
$stickyWrap = $(this).parent('.sticky-wrap');
|
|
33
|
+
|
|
34
|
+
$stickyHead.append($thead);
|
|
35
|
+
|
|
36
|
+
$stickyCol
|
|
37
|
+
.append($col)
|
|
38
|
+
.find('thead th:gt(0)').remove()
|
|
39
|
+
.end()
|
|
40
|
+
.find('tbody td').remove();
|
|
41
|
+
|
|
42
|
+
$stickyInsct.html('<thead><tr><th>'+$t.find('thead th:first-child').html()+'</th></tr></thead>');
|
|
43
|
+
|
|
44
|
+
// Set widths
|
|
45
|
+
var setWidths = function () {
|
|
46
|
+
$t
|
|
47
|
+
.find('thead th').each(function (i) {
|
|
48
|
+
$stickyHead.find('th').eq(i).width($(this).width());
|
|
49
|
+
})
|
|
50
|
+
.end()
|
|
51
|
+
.find('tr').each(function (i) {
|
|
52
|
+
$stickyCol.find('tr').eq(i).height($(this).height());
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
// Set width of sticky table head
|
|
56
|
+
$stickyHead.width($t.width());
|
|
57
|
+
|
|
58
|
+
// Set width of sticky table col
|
|
59
|
+
$stickyCol.find('th').add($stickyInsct.find('th')).width($t.find('thead th').width())
|
|
60
|
+
},
|
|
61
|
+
repositionStickyHead = function () {
|
|
62
|
+
// Return value of calculated allowance
|
|
63
|
+
var allowance = calcAllowance();
|
|
64
|
+
|
|
65
|
+
// Check if wrapper parent is overflowing along the y-axis
|
|
66
|
+
if($t.height() > $stickyWrap.height()) {
|
|
67
|
+
// If it is overflowing (advanced layout)
|
|
68
|
+
// Position sticky header based on wrapper scrollTop()
|
|
69
|
+
if($stickyWrap.scrollTop() > 0) {
|
|
70
|
+
// When top of wrapping parent is out of view
|
|
71
|
+
$stickyHead.add($stickyInsct).css({
|
|
72
|
+
opacity: 1,
|
|
73
|
+
top: $stickyWrap.scrollTop()
|
|
74
|
+
});
|
|
75
|
+
} else {
|
|
76
|
+
// When top of wrapping parent is in view
|
|
77
|
+
$stickyHead.add($stickyInsct).css({
|
|
78
|
+
opacity: 0,
|
|
79
|
+
top: 0
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
} else {
|
|
83
|
+
// If it is not overflowing (basic layout)
|
|
84
|
+
// Position sticky header based on viewport scrollTop
|
|
85
|
+
if($w.scrollTop() > $t.offset().top && $w.scrollTop() < $t.offset().top + $t.outerHeight() - allowance) {
|
|
86
|
+
// When top of viewport is in the table itself
|
|
87
|
+
$stickyHead.add($stickyInsct).css({
|
|
88
|
+
opacity: 1,
|
|
89
|
+
top: $w.scrollTop() - $t.offset().top
|
|
90
|
+
});
|
|
91
|
+
} else {
|
|
92
|
+
// When top of viewport is above or below table
|
|
93
|
+
$stickyHead.add($stickyInsct).css({
|
|
94
|
+
opacity: 0,
|
|
95
|
+
top: 0
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
repositionStickyCol = function () {
|
|
101
|
+
if($stickyWrap.scrollLeft() > 0) {
|
|
102
|
+
// When left of wrapping parent is out of view
|
|
103
|
+
$stickyCol.add($stickyInsct).css({
|
|
104
|
+
opacity: 1,
|
|
105
|
+
left: $stickyWrap.scrollLeft()
|
|
106
|
+
});
|
|
107
|
+
} else {
|
|
108
|
+
// When left of wrapping parent is in view
|
|
109
|
+
$stickyCol
|
|
110
|
+
.css({ opacity: 0 })
|
|
111
|
+
.add($stickyInsct).css({ left: 0 });
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
calcAllowance = function () {
|
|
115
|
+
var a = 0;
|
|
116
|
+
// Calculate allowance
|
|
117
|
+
$t.find('tbody tr:lt(3)').each(function () {
|
|
118
|
+
a += $(this).height();
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
// Set fail safe limit (last three row might be too tall)
|
|
122
|
+
// Set arbitrary limit at 0.25 of viewport height, or you can use an arbitrary pixel value
|
|
123
|
+
if(a > $w.height()*0.25) {
|
|
124
|
+
a = $w.height()*0.25;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
// Add the height of sticky header
|
|
128
|
+
a += $stickyHead.height();
|
|
129
|
+
return a;
|
|
130
|
+
};
|
|
131
|
+
|
|
132
|
+
setWidths();
|
|
133
|
+
|
|
134
|
+
$t.parent('.sticky-wrap').scroll($.throttle(250, function() {
|
|
135
|
+
repositionStickyHead();
|
|
136
|
+
repositionStickyCol();
|
|
137
|
+
}));
|
|
138
|
+
|
|
139
|
+
$w
|
|
140
|
+
.load(setWidths)
|
|
141
|
+
.resize($.debounce(250, function () {
|
|
142
|
+
setWidths();
|
|
143
|
+
repositionStickyHead();
|
|
144
|
+
repositionStickyCol();
|
|
145
|
+
}))
|
|
146
|
+
.scroll($.throttle(250, repositionStickyHead));
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
ul.nav.nav-tabs{ margin:20px 0 0;}
|
|
@@ -18,27 +18,26 @@ table.padma-table {
|
|
|
18
18
|
width:100%;
|
|
19
19
|
margin:0 auto 0;
|
|
20
20
|
th {
|
|
21
|
-
|
|
22
|
-
padding-top:14px;
|
|
23
|
-
padding-bottom:6px;
|
|
24
|
-
padding-left:10px;
|
|
25
|
-
background:#e8eaeb;
|
|
21
|
+
background:rgba(0, 0, 0, 0) -moz-linear-gradient(100% 100% 90deg, #f1f2f2, white) repeat scroll 0 0!important;
|
|
26
22
|
color: #4D4D4D;
|
|
27
23
|
font-family: Arial,Helvetica,sans-serif;
|
|
28
24
|
font-size: 12px;
|
|
29
25
|
font-weight: bold;
|
|
30
|
-
margin: 6px;
|
|
31
26
|
vertical-align: top;
|
|
32
27
|
border-right: 1px solid #CFCFCF;
|
|
33
28
|
border-bottom: 1px solid #CFCFCF;
|
|
34
29
|
text-align:left;
|
|
30
|
+
padding-top:10px;
|
|
31
|
+
padding-bottom:8px;
|
|
32
|
+
padding-left:10px;
|
|
33
|
+
padding-right:10px;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
td {
|
|
38
|
-
height:10px;
|
|
39
37
|
padding-top:10px;
|
|
40
38
|
padding-bottom:8px;
|
|
41
|
-
|
|
39
|
+
padding-left:10px;
|
|
40
|
+
padding-right:10px;
|
|
42
41
|
border-top:0px solid #e0e0e0;
|
|
43
42
|
border-right:1px solid #CFCFCF;
|
|
44
43
|
color: #4D4D4D;
|
|
@@ -83,3 +82,74 @@ table.padma-table {
|
|
|
83
82
|
background-image: url('arrow_down.png');
|
|
84
83
|
}
|
|
85
84
|
}
|
|
85
|
+
|
|
86
|
+
.sticky-wrap {
|
|
87
|
+
overflow-x: auto;
|
|
88
|
+
overflow-y: hidden;
|
|
89
|
+
position: relative;
|
|
90
|
+
width: 100%;
|
|
91
|
+
}
|
|
92
|
+
.sticky-wrap .sticky-thead,
|
|
93
|
+
.sticky-wrap .sticky-col,
|
|
94
|
+
.sticky-wrap .sticky-intersect {
|
|
95
|
+
opacity: 0;
|
|
96
|
+
position: absolute;
|
|
97
|
+
top: 0;
|
|
98
|
+
left: 0;
|
|
99
|
+
transition: all .125s ease-in-out;
|
|
100
|
+
z-index: 50;
|
|
101
|
+
width: auto; /* Prevent table from stretching to full size */
|
|
102
|
+
}
|
|
103
|
+
.sticky-wrap .sticky-thead {
|
|
104
|
+
box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
|
|
105
|
+
z-index: 100;
|
|
106
|
+
width: 100%; /* Force stretch */
|
|
107
|
+
}
|
|
108
|
+
.sticky-wrap .sticky-intersect {
|
|
109
|
+
opacity: 1;
|
|
110
|
+
z-index: 150;
|
|
111
|
+
|
|
112
|
+
}
|
|
113
|
+
.sticky-wrap .sticky-intersect th {
|
|
114
|
+
background-color:#f2f2f2;
|
|
115
|
+
color: #4D4D4D;
|
|
116
|
+
}
|
|
117
|
+
.sticky-wrap td,
|
|
118
|
+
.sticky-wrap th {
|
|
119
|
+
box-sizing: border-box;
|
|
120
|
+
|
|
121
|
+
}
|
|
122
|
+
.sticky-thead thead td,
|
|
123
|
+
.sticky-thead thead th {
|
|
124
|
+
box-sizing: border-box;
|
|
125
|
+
background: #ffffff; /* Old browsers */
|
|
126
|
+
background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%); /* FF3.6+ */
|
|
127
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f2)); /* Chrome,Safari4+ */
|
|
128
|
+
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Chrome10+,Safari5.1+ */
|
|
129
|
+
background: -o-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Opera 11.10+ */
|
|
130
|
+
background: -ms-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* IE10+ */
|
|
131
|
+
background: linear-gradient(to bottom, #ffffff 0%,#f1f2f2 100%); /* W3C */
|
|
132
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f2',GradientType=0 ); /* IE6-9 */
|
|
133
|
+
color: #4D4D4D;
|
|
134
|
+
font-size:12px;
|
|
135
|
+
border-bottom:1px solid #cccccc;
|
|
136
|
+
border-top:1px solid #cccccc;
|
|
137
|
+
border-left:1px solid #cccccc;
|
|
138
|
+
padding:10px 8px 8px 8px;
|
|
139
|
+
line-height:14px;
|
|
140
|
+
font-family: Arial,Helvetica,sans-serif;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.sticky-thead thead th:first-child{ padding:0 12px 0 4px;}
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
/* Not needed for sticky header/column functionality */
|
|
147
|
+
td.user-name {
|
|
148
|
+
text-transform: capitalize;
|
|
149
|
+
}
|
|
150
|
+
.sticky-wrap.overflow-y {
|
|
151
|
+
overflow-y: auto;
|
|
152
|
+
max-height: 50vh;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: padma-assets
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.13
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Dwayne Macgowan
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-05-
|
|
11
|
+
date: 2015-05-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: railties
|
|
@@ -60,8 +60,10 @@ files:
|
|
|
60
60
|
- app/assets/images/logo-padma-w.png
|
|
61
61
|
- app/assets/images/search.svg
|
|
62
62
|
- app/assets/javascripts/jquery.gritter.min.js
|
|
63
|
+
- app/assets/javascripts/jquery.stickyheader.js
|
|
63
64
|
- app/assets/javascripts/notifications.js.coffee
|
|
64
65
|
- app/assets/javascripts/padma-assets.js
|
|
66
|
+
- app/assets/stylesheets/accounts.css
|
|
65
67
|
- app/assets/stylesheets/bootstrap3-3-2.min.css
|
|
66
68
|
- app/assets/stylesheets/button.css.scss
|
|
67
69
|
- app/assets/stylesheets/colors.css.scss
|