center_image_tag 0.0.4 → 0.0.5
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,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
OGE3N2VjNmM0ZWJlMDg2OTQyNTY0YTk3ZDZiYjM2MDQ3YjdjNDY4YQ==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
ODYwNmZkOTRhMWU2YjE2ZTcwOTdmZGM2MmI2MjE3ZWY1N2M3ZGE5Zg==
|
7
7
|
SHA512:
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
NjY2M2E5ZmVhNzJjMGEzYWFmMDM2MmZhOTU0MDkzNjc5ZjUyMjA5NWIxM2Iy
|
10
|
+
MmM4MWRiZTIyOWRlNjk3M2QxNGI5NWIyMzI3NmViY2M5MmEzNTQ4MjQwNTMy
|
11
|
+
Mzk3Y2RmZWY5YjI2MmY2OGNlNmY5ZDMxY2EzMzM2YzkzMjMzYzM=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
N2RhNmY5MmQ4ODY4OGU3NDdkNDQ1YTIwOTRlYzMxZWQzMTM5OWIyM2QzZGFj
|
14
|
+
MDkwYTM1YmEwZTUwZjA5YWRjMTMxZWY5ODU5MTExYjM1ZjA0M2M1ZDhiY2Qw
|
15
|
+
YjZmMGE4NGE1NDJjOGIzNmY1NGUwNDM3Zjk5ODc3NmYzZjhhYzA=
|
@@ -31,20 +31,20 @@ module CenterImageTag
|
|
31
31
|
|
32
32
|
private
|
33
33
|
def container_fluid(fluid_percentage, &block)
|
34
|
-
div class: "standard-thumb thumb-fluid" do
|
35
|
-
div class: "thumb-default", style: "padding-bottom: #{fluid_percentage}", &block
|
34
|
+
div class: "cit-standard-thumb cit-thumb-fluid" do
|
35
|
+
div class: "cit-thumb-default", style: "padding-bottom: #{fluid_percentage}", &block
|
36
36
|
end
|
37
37
|
end
|
38
38
|
|
39
39
|
def container_fixed(width, height, &block)
|
40
|
-
div class: "standard-thumb", style: "width: #{width}px" do
|
41
|
-
div class: "thumb-default", style: "padding-bottom: #{height}px", &block
|
40
|
+
div class: "cit-standard-thumb", style: "width: #{width}px" do
|
41
|
+
div class: "cit-thumb-default", style: "padding-bottom: #{height}px", &block
|
42
42
|
end
|
43
43
|
end
|
44
44
|
|
45
45
|
def clip(&block)
|
46
|
-
div class: "thumb-clip" do
|
47
|
-
div class: "thumb-clip-inner", &block
|
46
|
+
div class: "cit-thumb-clip" do
|
47
|
+
div class: "cit-thumb-clip-inner", &block
|
48
48
|
end
|
49
49
|
end
|
50
50
|
|
data/spec/view_helper_spec.rb
CHANGED
@@ -13,10 +13,10 @@ module CenterImageTag
|
|
13
13
|
describe 'fluid' do
|
14
14
|
it 'renders the fluid image correctly' do
|
15
15
|
output = View.new.center_image_tag 'image.png', fluid: "56.25%"
|
16
|
-
expected = "<div class=\"standard-thumb thumb-fluid\">" +
|
17
|
-
"<div class=\"thumb-default\" style=\"padding-bottom: 56.25%\">" +
|
18
|
-
"<div class=\"thumb-clip\">" +
|
19
|
-
"<div class=\"thumb-clip-inner\">" +
|
16
|
+
expected = "<div class=\"cit-standard-thumb cit-thumb-fluid\">" +
|
17
|
+
"<div class=\"cit-thumb-default\" style=\"padding-bottom: 56.25%\">" +
|
18
|
+
"<div class=\"cit-thumb-clip\">" +
|
19
|
+
"<div class=\"cit-thumb-clip-inner\">" +
|
20
20
|
"<img alt=\"Image\" src=\"/images/image.png\" />" +
|
21
21
|
"<span class=\"vertical-align\" />" +
|
22
22
|
"</div>" +
|
@@ -30,10 +30,10 @@ module CenterImageTag
|
|
30
30
|
describe 'fixed' do
|
31
31
|
it 'renders the fixed image correctly from size options (size = widthxheight)' do
|
32
32
|
output = View.new.center_image_tag 'image.png', size: "200x100"
|
33
|
-
expected = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
|
34
|
-
"<div class=\"thumb-default\" style=\"padding-bottom: 100px\">" +
|
35
|
-
"<div class=\"thumb-clip\">" +
|
36
|
-
"<div class=\"thumb-clip-inner\">" +
|
33
|
+
expected = "<div class=\"cit-standard-thumb\" style=\"width: 200px\">" +
|
34
|
+
"<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
|
35
|
+
"<div class=\"cit-thumb-clip\">" +
|
36
|
+
"<div class=\"cit-thumb-clip-inner\">" +
|
37
37
|
"<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
|
38
38
|
"<span class=\"vertical-align\" />" +
|
39
39
|
"</div>" +
|
@@ -45,10 +45,10 @@ module CenterImageTag
|
|
45
45
|
|
46
46
|
it 'renders the fixed image correctly from size options (single size value)' do
|
47
47
|
output = View.new.center_image_tag 'image.png', size: "200"
|
48
|
-
expected = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
|
49
|
-
"<div class=\"thumb-default\" style=\"padding-bottom: 200px\">" +
|
50
|
-
"<div class=\"thumb-clip\">" +
|
51
|
-
"<div class=\"thumb-clip-inner\">" +
|
48
|
+
expected = "<div class=\"cit-standard-thumb\" style=\"width: 200px\">" +
|
49
|
+
"<div class=\"cit-thumb-default\" style=\"padding-bottom: 200px\">" +
|
50
|
+
"<div class=\"cit-thumb-clip\">" +
|
51
|
+
"<div class=\"cit-thumb-clip-inner\">" +
|
52
52
|
"<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
|
53
53
|
"<span class=\"vertical-align\" />" +
|
54
54
|
"</div>" +
|
@@ -60,10 +60,10 @@ module CenterImageTag
|
|
60
60
|
|
61
61
|
it 'renders the fixed image correctly from width and height options' do
|
62
62
|
output = View.new.center_image_tag 'image.png', width: "200", height: 100
|
63
|
-
expected = "<div class=\"standard-thumb\" style=\"width: 200px\">" +
|
64
|
-
"<div class=\"thumb-default\" style=\"padding-bottom: 100px\">" +
|
65
|
-
"<div class=\"thumb-clip\">" +
|
66
|
-
"<div class=\"thumb-clip-inner\">" +
|
63
|
+
expected = "<div class=\"cit-standard-thumb\" style=\"width: 200px\">" +
|
64
|
+
"<div class=\"cit-thumb-default\" style=\"padding-bottom: 100px\">" +
|
65
|
+
"<div class=\"cit-thumb-clip\">" +
|
66
|
+
"<div class=\"cit-thumb-clip-inner\">" +
|
67
67
|
"<img alt=\"Image\" src=\"/images/image.png\" width=\"200\" />" +
|
68
68
|
"<span class=\"vertical-align\" />" +
|
69
69
|
"</div>" +
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.standard-thumb {
|
1
|
+
.cit-standard-thumb {
|
2
2
|
display: inline-block;
|
3
3
|
vertical-align: middle;
|
4
4
|
overflow: hidden;
|
@@ -12,7 +12,7 @@
|
|
12
12
|
}
|
13
13
|
}
|
14
14
|
|
15
|
-
.thumb-fluid {
|
15
|
+
.cit-thumb-fluid {
|
16
16
|
width: 100%;
|
17
17
|
|
18
18
|
.thumb-clip {
|
@@ -25,12 +25,12 @@
|
|
25
25
|
}
|
26
26
|
}
|
27
27
|
|
28
|
-
.thumb-default {
|
28
|
+
.cit-thumb-default {
|
29
29
|
display: block;
|
30
30
|
height: auto;
|
31
31
|
}
|
32
32
|
|
33
|
-
.thumb-clip {
|
33
|
+
.cit-thumb-clip {
|
34
34
|
position: absolute;
|
35
35
|
top: -100px;
|
36
36
|
bottom: -100px;
|
@@ -46,7 +46,7 @@
|
|
46
46
|
}
|
47
47
|
}
|
48
48
|
|
49
|
-
.thumb-clip-inner {
|
49
|
+
.cit-thumb-clip-inner {
|
50
50
|
position: absolute;
|
51
51
|
width: 100%;
|
52
52
|
height: 100%;
|