overlay_me 0.12.0 → 0.12.1
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.
- data/CHANGELOG.md +7 -2
- data/Gemfile.lock +1 -1
- data/README.md +14 -9
- data/Rakefile +1 -0
- data/javascripts/addons/layout_resizer.js.coffee +7 -7
- data/javascripts/basics.js.coffee +19 -10
- data/javascripts/draggable.js.coffee +16 -20
- data/javascripts/init.js.coffee +8 -2
- data/javascripts/lib/backbone.js +13 -13
- data/javascripts/lib/jquery.js +802 -802
- data/javascripts/menu.js.coffee +34 -25
- data/javascripts/menu_item.js.coffee +4 -4
- data/javascripts/mixins/hideable.js.coffee +13 -0
- data/javascripts/mixins/storable.js.coffee +17 -0
- data/javascripts/overlay_me.js.coffee +4 -0
- data/javascripts/overlays.js.coffee +5 -5
- data/javascripts/overlays/content_div_mngmt.js.coffee +33 -37
- data/javascripts/overlays/draggable_image.js.coffee +15 -12
- data/javascripts/overlays/dynamic_images_mngmt.js.coffee +2 -2
- data/javascripts/overlays/image.js.coffee +31 -36
- data/javascripts/overlays/images_container.js.coffee +22 -0
- data/javascripts/overlays/images_mngt_div.js.coffee +15 -52
- data/lib/overlay_me/version.rb +1 -1
- data/overlay_me.css +86 -59
- data/overlay_me.gemspec +1 -1
- data/overlay_me.js +1134 -1052
- data/stylesheets/overlay_me.css.scss +44 -21
- data/vendor/assets/javascripts/overlay_me/addons/layout_resizer.js +11 -11
- data/vendor/assets/javascripts/overlay_me/overlay_me.min.js +326 -319
- metadata +7 -6
- data/addons/layout_resizer.js +0 -51
@@ -0,0 +1,22 @@
|
|
1
|
+
#= require 'mixins/storable'
|
2
|
+
#= require 'mixins/hideable'
|
3
|
+
|
4
|
+
class OverlayMe.Overlays.ImagesContainer extends Backbone.View
|
5
|
+
|
6
|
+
id: 'overlay_me_images_container'
|
7
|
+
css_attributes_to_save: ['display']
|
8
|
+
|
9
|
+
initialize: ->
|
10
|
+
container = $o('#overlay_me_images_container')
|
11
|
+
if container.length < 1 # happen only if the container div doesn't already exist
|
12
|
+
container = @make 'div', { id: 'overlay_me_images_container' }
|
13
|
+
$o('body').append container
|
14
|
+
@el = container
|
15
|
+
@loadCss()
|
16
|
+
$o(window).bind 'overlay_me:toggle_all_display', =>
|
17
|
+
@toggleDisplay()
|
18
|
+
|
19
|
+
# extending few mixins - thx Derick - http://stackoverflow.com/questions/7853731/proper-way-of-doing-view-mixins-in-backbone
|
20
|
+
_.extend OverlayMe.Overlays.ImagesContainer.prototype, OverlayMe.Mixin.Storable
|
21
|
+
_.extend OverlayMe.Overlays.ImagesContainer.prototype, OverlayMe.Mixin.Hideable
|
22
|
+
|
@@ -4,44 +4,38 @@ class OverlayMe.Overlays.ImagesManagementDiv extends Backbone.View
|
|
4
4
|
id: 'images_mgnt'
|
5
5
|
|
6
6
|
initialize: ->
|
7
|
-
$(@el).append @make 'legend', {}, 'Overlaying images'
|
7
|
+
$o(@el).append @make 'legend', {}, 'Overlaying images'
|
8
8
|
@controlBlock = @make 'div', { class: 'controls' }
|
9
|
-
$(@el).append @controlBlock
|
9
|
+
$o(@el).append @controlBlock
|
10
10
|
|
11
11
|
@controlBlock.appendChild @checkAllbox()
|
12
12
|
check_all_label = @make 'label', {}, 'All/None'
|
13
|
-
$(check_all_label).bind 'click', =>
|
14
|
-
$(@checkAllBox).trigger 'click'
|
13
|
+
$o(check_all_label).bind 'click', =>
|
14
|
+
$o(@checkAllBox).trigger 'click'
|
15
15
|
@controlBlock.appendChild check_all_label
|
16
16
|
|
17
|
-
@controlBlock.appendChild @hideInactivesBox()
|
18
|
-
hide_inactives_label = @make 'label', {}, 'Hide Inactives'
|
19
|
-
@controlBlock.appendChild hide_inactives_label
|
20
|
-
$(hide_inactives_label).bind 'click', =>
|
21
|
-
$(@hideInactivesBox).trigger 'click'
|
22
|
-
|
23
17
|
@overlaysListBlock = @make 'div', { class: 'overlays-list' }
|
24
|
-
$(@el).append @overlaysListBlock
|
18
|
+
$o(@el).append @overlaysListBlock
|
25
19
|
|
26
|
-
$(@el).append @dynamicAddsBlock()
|
20
|
+
$o(@el).append @dynamicAddsBlock()
|
27
21
|
|
28
22
|
append: (block) ->
|
29
23
|
@overlaysListBlock.appendChild block
|
30
24
|
|
31
25
|
del: (image_id) ->
|
32
|
-
$(".overlay-image-block[data-img-id=#{image_id}]", @el).remove()
|
33
|
-
$("#overlay_me_images_container ##{image_id}").remove()
|
26
|
+
$o(".overlay-image-block[data-img-id=#{image_id}]", @el).remove()
|
27
|
+
$o("#overlay_me_images_container ##{image_id}").remove()
|
34
28
|
|
35
29
|
dynamicAddsBlock: ->
|
36
30
|
dynamicAddsBlock = @make 'div', { class: 'dynamic-adds' }
|
37
|
-
dynamicAddsBlock.appendChild @make 'label', {}, 'Add
|
31
|
+
dynamicAddsBlock.appendChild @make 'label', {}, 'Add image'
|
38
32
|
@image_url_input = @make 'input', { type: 'text', placeholder: "http://" }
|
39
33
|
dynamicAddsBlock.appendChild @image_url_input
|
40
|
-
push_image_button = @make 'button', {}, '
|
34
|
+
push_image_button = @make 'button', {}, '+'
|
41
35
|
dynamicAddsBlock.appendChild push_image_button
|
42
|
-
$(@image_url_input).bind 'keypress', (e) =>
|
36
|
+
$o(@image_url_input).bind 'keypress', (e) =>
|
43
37
|
@pushImage() if e.keyCode == 13
|
44
|
-
$(push_image_button).bind 'click', (e) =>
|
38
|
+
$o(push_image_button).bind 'click', (e) =>
|
45
39
|
@pushImage()
|
46
40
|
dynamicAddsBlock
|
47
41
|
|
@@ -49,53 +43,22 @@ class OverlayMe.Overlays.ImagesManagementDiv extends Backbone.View
|
|
49
43
|
OverlayMe.dyn_manager.addImage @image_url_input.value
|
50
44
|
@image_url_input.value = ''
|
51
45
|
|
52
|
-
hideInactivesBox: ->
|
53
|
-
@hideInactivesBox = @make 'input', { type: "checkbox", class: 'hide-inactive' }
|
54
|
-
# if ( data = localStorage.getItem(@id) )
|
55
|
-
# console.log 'load:', data
|
56
|
-
# $(@hideInactivesBox).css(JSON.parse(data))
|
57
|
-
if $(@hideInactivesBox).css('visibility') == 'visible'
|
58
|
-
@hideInactivesBox.checked = true
|
59
|
-
$(@hideInactivesBox).bind 'change', (event) =>
|
60
|
-
@hideInactives()
|
61
|
-
@hideInactivesBox
|
62
|
-
|
63
|
-
hideInactives: ->
|
64
|
-
checkbox_state = @hideInactivesBox.checked
|
65
|
-
_.each $('.overlay-image-block'), (img_block) ->
|
66
|
-
checkbox = $('input[type=checkbox]', img_block)
|
67
|
-
img_id = $(img_block).attr 'data-img-id'
|
68
|
-
if checkbox_state and !checkbox.first()[0].checked
|
69
|
-
$(img_block).hide()
|
70
|
-
$("##{img_id}").hide()
|
71
|
-
else
|
72
|
-
$(img_block).show()
|
73
|
-
$("##{img_id}").show()
|
74
|
-
@saveState()
|
75
|
-
|
76
46
|
checkAllbox: ->
|
77
47
|
@checkAllBox = @make 'input', { type: "checkbox", class: 'check-all' }
|
78
|
-
|
79
|
-
# console.log 'load:', data
|
80
|
-
# $(@checkAllBox).css(JSON.parse(data))
|
81
|
-
if $(@checkAllBox).css('visibility') == 'visible'
|
82
|
-
@checkAllBox.checked = true
|
83
|
-
$(@checkAllBox).bind 'change', (event) =>
|
48
|
+
$o(@checkAllBox).bind 'change', (event) =>
|
84
49
|
@checkAll()
|
85
50
|
@checkAllBox
|
86
51
|
|
87
52
|
checkAll: ->
|
88
53
|
checkbox_state = @checkAllBox.checked
|
89
|
-
for checkbox in $('.overlay-image-block input[type=checkbox]')
|
54
|
+
for checkbox in $o('.overlay-image-block input[type=checkbox]')
|
90
55
|
if checkbox.checked != checkbox_state
|
91
|
-
$(checkbox).trigger 'click'
|
56
|
+
$o(checkbox).trigger 'click'
|
92
57
|
@saveState()
|
93
58
|
|
94
|
-
|
95
59
|
# adding some retention (or not)
|
96
60
|
saveState: ->
|
97
61
|
# localStorage.setItem(@id, JSON.stringify({
|
98
|
-
# visibility:$(@checkbox).css('visibility')
|
99
62
|
# }))
|
100
63
|
|
101
64
|
render: ->
|
data/lib/overlay_me/version.rb
CHANGED
data/overlay_me.css
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
/* line 6, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
2
2
|
button {
|
3
|
-
font-size:
|
4
|
-
margin: 0
|
5
|
-
padding: 0px
|
3
|
+
font-size: 9px;
|
4
|
+
margin: 0 3px;
|
5
|
+
padding: 0px 3px;
|
6
6
|
}
|
7
7
|
|
8
8
|
/* line 12, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
@@ -11,16 +11,17 @@ button {
|
|
11
11
|
}
|
12
12
|
|
13
13
|
/* line 16, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
14
|
-
#
|
15
|
-
position:
|
14
|
+
#overlay_me_menu {
|
15
|
+
position: fixed;
|
16
|
+
right: 0;
|
16
17
|
z-index: 990;
|
17
18
|
}
|
18
|
-
/* line
|
19
|
-
#
|
19
|
+
/* line 21, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
20
|
+
#overlay_me_menu * {
|
20
21
|
line-height: 14px;
|
21
22
|
}
|
22
|
-
/* line
|
23
|
-
#
|
23
|
+
/* line 25, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
24
|
+
#overlay_me_menu .drag-me {
|
24
25
|
line-height: 100%;
|
25
26
|
display: block;
|
26
27
|
color: black;
|
@@ -34,12 +35,12 @@ button {
|
|
34
35
|
background-image: linear-gradient(0deg, #999999, #dddddd 30%, #dddddd 70%, #999999 100%);
|
35
36
|
padding: 1px;
|
36
37
|
}
|
37
|
-
/* line
|
38
|
-
#
|
38
|
+
/* line 33, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
39
|
+
#overlay_me_menu .drag-me:hover {
|
39
40
|
cursor: move;
|
40
41
|
}
|
41
|
-
/* line
|
42
|
-
#
|
42
|
+
/* line 38, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
43
|
+
#overlay_me_menu ul {
|
43
44
|
list-style: none;
|
44
45
|
margin: 0;
|
45
46
|
padding: 0;
|
@@ -49,14 +50,14 @@ button {
|
|
49
50
|
vertical-align: baseline;
|
50
51
|
}
|
51
52
|
|
52
|
-
/* line
|
53
|
+
/* line 49, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
53
54
|
.menu-item {
|
54
55
|
text-align: left;
|
55
56
|
background-color: #CCC;
|
56
57
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
57
|
-
width:
|
58
|
+
width: 200px;
|
58
59
|
}
|
59
|
-
/* line
|
60
|
+
/* line 54, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
60
61
|
.menu-item a.collaps-button {
|
61
62
|
cursor: pointer;
|
62
63
|
position: absolute;
|
@@ -65,42 +66,42 @@ button {
|
|
65
66
|
width: 13px;
|
66
67
|
height: 9px;
|
67
68
|
border: none;
|
68
|
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpivHDhQujz589TmZiYvjMQAP/+/eOQkZGZyfD//38ZIL77nzhwG4ilQJpA2BiIPxHQ8BGIDUHqYZpAOIWApiSYWmRNIDfPxaYaKD4bWR2KJiDmA+KzaHrOQMVxagJhfSD+ALXhA5TPQEgTCCcD8V+gpmRs8rg0MQI1eANpJmzyAAEGAKD/bax/HrzbAAAAAElFTkSuQmCC) no-repeat center
|
69
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpivHDhQujz589TmZiYvjMQAP/+/eOQkZGZyfD//38ZIL77nzhwG4ilQJpA2BiIPxHQ8BGIDUHqYZpAOIWApiSYWmRNIDfPxaYaKD4bWR2KJiDmA+KzaHrOQMVxagJhfSD+ALXhA5TPQEgTCCcD8V+gpmRs8rg0MQI1eANpJmzyAAEGAKD/bax/HrzbAAAAAElFTkSuQmCC) no-repeat center 3px;
|
69
70
|
}
|
70
|
-
/* line
|
71
|
+
/* line 63, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
71
72
|
.menu-item a.collaps-button span {
|
72
73
|
display: none;
|
73
74
|
color: yellow;
|
74
75
|
}
|
75
|
-
/* line
|
76
|
+
/* line 66, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
76
77
|
.menu-item a.collaps-button span:hover {
|
77
78
|
color: yellow;
|
78
79
|
}
|
79
|
-
/* line
|
80
|
+
/* line 71, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
80
81
|
.menu-item label.title {
|
81
82
|
padding-left: 20px;
|
82
83
|
color: white;
|
83
84
|
cursor: pointer;
|
84
|
-
width:
|
85
|
+
width: 187px;
|
85
86
|
line-height: 1.1em;
|
86
87
|
font-size: 14px;
|
87
88
|
background: none;
|
88
89
|
}
|
89
|
-
/* line
|
90
|
+
/* line 81, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
90
91
|
.menu-item.collapsed .item-content {
|
91
92
|
display: none;
|
92
93
|
}
|
93
|
-
/* line
|
94
|
+
/* line 82, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
94
95
|
.menu-item.collapsed a.collaps-button {
|
95
|
-
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNpiuHz5ctD///+lgJgBF2Z68uRJOgMDw0EgNmTAAZiA4AeQVgHiA0CchFUREpsPiOcCjZ8NZWNVBAaMjIwpQGofEOvjVAQFxkATDwJxMkgNCy7HAk3kB1KzgApf4DIJBD4CcRpQ8TZcJp2D+vQiVjcBjZ8HpBxhCtAVfQbiVKDxIMd+QtbI8u/fP04gfQ+Iw4D4LDa7WSQlJUGBdxyIn+DyAUCAAQDxsEXD9kreLQAAAABJRU5ErkJggg==) no-repeat center
|
96
|
+
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNpiuHz5ctD///+lgJgBF2Z68uRJOgMDw0EgNmTAAZiA4AeQVgHiA0CchFUREpsPiOcCjZ8NZWNVBAaMjIwpQGofEOvjVAQFxkATDwJxMkgNCy7HAk3kB1KzgApf4DIJBD4CcRpQ8TZcJp2D+vQiVjcBjZ8HpBxhCtAVfQbiVKDxIMd+QtbI8u/fP04gfQ+Iw4D4LDa7WSQlJUGBdxyIn+DyAUCAAQDxsEXD9kreLQAAAABJRU5ErkJggg==) no-repeat center top;
|
96
97
|
}
|
97
98
|
|
98
|
-
/* line
|
99
|
+
/* line 90, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
99
100
|
#overlay_panel .content-mgnt-block {
|
100
101
|
position: relative;
|
101
102
|
line-height: 10px;
|
102
103
|
}
|
103
|
-
/* line
|
104
|
+
/* line 93, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
104
105
|
#overlay_panel .content-mgnt-block .unicorns {
|
105
106
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAklJREFUeNqEks1u00AQx3d27V3HdezY+SBpkKBFoBZxQEKIOwfegBs3rtwoPABvw3sgceKAuFWtUBBSaT6ctvHXer2zOElTVaoKI/2lWWl/O//ZGZi8jgSPxFv3JX93+CJvfJ4/09++vzH6S/SVH59+IohH5JagxBilC4zNHHigSLvtTCPRnLYxtB4b29ojGglBc1PG1PAyLfUxzszIX7B86MwLP/iVkS566DWeEgo+gfrWdV1VJoZgpUdqon84p1a+wxI1CA+l3Z+yqu89N5a9v65EVgK8TOpgH/edZS6JAZ97/AkfKjF3pTpRkUrlfQFnoGlaHNc2F0sAzPIFWIl9WMEGTYUZJfyB12ED2l9UE6bkDAcoy+0QznXJ8nIEBosNuIb3xLoBNIlRhNlc7Ho9dDA6l1OC8gKGUGEnhAyBFmpSu8zqf9jAzqZ/RIUxFDR0G2LQ6ueIwUzGFIuE95livS4p2RaUVQYas/p+xQ4eiavPqO2nKPUcCrvlCR50uqlirXGeiUWeua4uva6vebNDwHIJErq2fW0Mdfcxpjqmqe37Nnd73US64Ummt8a5bCpZhh5UrZanfS9gBw/5tcorGSz1TJ/rCTljoomOGDTLsh+NUz8Ypdz/ndBwlpFeIdn7Hevm9miD9QNxdVGNSQzGSR3ao6Duekm23fqT3Al/Ju3waAEnr1xyayxnymhgNcU9Z7sx5LtWA+6bquxXaeLr5J+wMZebRQwDiwW2x0O7I1y7ZxOrS+X/4Y0DXJ0pANhgM4sKRv4KMACD6UDbVgTzkgAAAABJRU5ErkJggg==) no-repeat center center;
|
106
107
|
width: 15px;
|
@@ -109,12 +110,12 @@ button {
|
|
109
110
|
right: 0;
|
110
111
|
top: 6px;
|
111
112
|
}
|
112
|
-
/* line
|
113
|
+
/* line 104, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
113
114
|
#overlay_panel label {
|
114
|
-
margin: 0
|
115
|
+
margin: 0;
|
115
116
|
font-size: 14px;
|
116
117
|
}
|
117
|
-
/* line
|
118
|
+
/* line 109, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
118
119
|
#overlay_panel .content-mgnt-block, #overlay_panel #images_mgnt {
|
119
120
|
text-align: left;
|
120
121
|
padding: 3px 4px;
|
@@ -126,107 +127,133 @@ button {
|
|
126
127
|
-o-border-radius: 5px;
|
127
128
|
border-radius: 5px;
|
128
129
|
}
|
129
|
-
/* line
|
130
|
+
/* line 116, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
130
131
|
#overlay_panel .content-mgnt-block legend, #overlay_panel #images_mgnt legend {
|
131
132
|
font-size: 10px;
|
132
133
|
padding: 0 3px;
|
133
134
|
margin-left: 10px;
|
134
135
|
}
|
135
|
-
/* line
|
136
|
+
/* line 123, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
136
137
|
#overlay_panel .slider-block {
|
137
138
|
display: block;
|
138
139
|
}
|
139
|
-
/* line
|
140
|
+
/* line 125, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
140
141
|
#overlay_panel .slider-block label {
|
141
142
|
font-size: 70%;
|
143
|
+
margin: 0 5px 0 0;
|
142
144
|
vertical-align: top;
|
143
145
|
}
|
144
|
-
/* line
|
146
|
+
/* line 130, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
145
147
|
#overlay_panel .slider-block input[type=range] {
|
146
148
|
margin: 0;
|
147
149
|
}
|
148
|
-
/* line
|
150
|
+
/* line 135, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
149
151
|
#overlay_panel #images_mgnt {
|
150
|
-
width:
|
152
|
+
width: 186px;
|
151
153
|
}
|
152
|
-
/* line
|
154
|
+
/* line 139, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
153
155
|
#overlay_panel #images_mgnt .controls {
|
154
156
|
padding-bottom: 5px;
|
155
157
|
}
|
156
158
|
/* line 141, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
159
|
+
#overlay_panel #images_mgnt .controls label {
|
160
|
+
margin-right: 5px;
|
161
|
+
}
|
162
|
+
/* line 146, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
157
163
|
#overlay_panel #images_mgnt .overlay-image-block {
|
158
164
|
text-align: left;
|
159
165
|
position: relative;
|
160
|
-
width:
|
166
|
+
width: 186px;
|
161
167
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
162
168
|
border-right: none;
|
163
169
|
border-left: none;
|
164
170
|
}
|
165
|
-
/* line
|
171
|
+
/* line 153, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
166
172
|
#overlay_panel #images_mgnt .overlay-image-block.hovered {
|
167
173
|
background-color: rgba(255, 255, 0, 0.5);
|
168
174
|
}
|
169
|
-
/* line
|
175
|
+
/* line 156, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
170
176
|
#overlay_panel #images_mgnt .overlay-image-block .del-button {
|
171
177
|
position: absolute;
|
172
178
|
right: 0;
|
173
179
|
top: 0;
|
174
|
-
margin:
|
180
|
+
margin: 1px;
|
175
181
|
cursor: pointer;
|
176
182
|
border: 1px #AAA solid;
|
177
|
-
font-size:
|
183
|
+
font-size: 10px;
|
184
|
+
line-height: 13px;
|
178
185
|
background-color: #444;
|
179
186
|
color: white;
|
180
187
|
font-weight: bold;
|
181
|
-
padding: 0
|
188
|
+
padding: 0 3px;
|
182
189
|
}
|
183
|
-
/* line
|
190
|
+
/* line 173, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
184
191
|
#overlay_panel #images_mgnt .dynamic-adds label {
|
185
192
|
font-size: 75%;
|
186
193
|
}
|
187
|
-
/* line
|
194
|
+
/* line 176, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
188
195
|
#overlay_panel #images_mgnt .dynamic-adds input {
|
189
|
-
width:
|
196
|
+
width: 95px;
|
190
197
|
font-size: 10px;
|
191
198
|
}
|
192
|
-
/* line
|
199
|
+
/* line 183, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
193
200
|
#overlay_panel input[type=checkbox], #overlay_panel label, #overlay_panel #contentSlider, #overlay_panel .zindex-switch {
|
194
201
|
display: inline;
|
195
202
|
}
|
196
|
-
/* line
|
203
|
+
/* line 187, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
197
204
|
#overlay_panel input[type=checkbox] {
|
198
205
|
vertical-align: middle;
|
199
206
|
margin: -3px 5px 0 0;
|
200
207
|
}
|
201
208
|
|
202
|
-
/* line
|
209
|
+
/* line 194, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
203
210
|
#overlay_me_images_container {
|
204
211
|
position: absolute;
|
205
212
|
z-index: 4;
|
206
213
|
top: 0;
|
207
214
|
left: 0;
|
208
215
|
}
|
209
|
-
/* line
|
216
|
+
/* line 199, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
210
217
|
#overlay_me_images_container div {
|
211
218
|
position: absolute;
|
212
|
-
visibility: hidden;
|
213
219
|
}
|
214
|
-
/* line
|
220
|
+
/* line 201, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
215
221
|
#overlay_me_images_container div.highlight {
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
/* line 199, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
220
|
-
#overlay_me_images_container div.highlight img {
|
221
|
-
opacity: .7;
|
222
|
+
border: 2px solid red;
|
223
|
+
margin-top: -2px;
|
224
|
+
margin-left: -2px;
|
222
225
|
}
|
223
|
-
/* line
|
226
|
+
/* line 206, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
224
227
|
#overlay_me_images_container div:hover {
|
225
228
|
cursor: move;
|
226
229
|
}
|
227
|
-
/* line
|
230
|
+
/* line 210, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
228
231
|
#overlay_me_images_container img {
|
229
232
|
position: absolute;
|
230
233
|
top: 0;
|
231
234
|
left: 0;
|
232
235
|
}
|
236
|
+
|
237
|
+
/* line 218, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
238
|
+
#overlay_me_menu.collapsed .drag-me, #overlay_me_menu.collapsed .menu-item {
|
239
|
+
width: 25px;
|
240
|
+
}
|
241
|
+
/* line 221, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
242
|
+
#overlay_me_menu.collapsed .drag-me {
|
243
|
+
height: 10px;
|
244
|
+
overflow: hidden;
|
245
|
+
}
|
246
|
+
/* line 225, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
247
|
+
#overlay_me_menu.collapsed button {
|
248
|
+
height: 10px;
|
249
|
+
overflow: hidden;
|
250
|
+
}
|
251
|
+
/* line 229, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
252
|
+
#overlay_me_menu.collapsed .overlay-image-block {
|
253
|
+
height: 14px;
|
254
|
+
margin-top: 3px;
|
255
|
+
}
|
256
|
+
/* line 233, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
|
257
|
+
#overlay_me_menu.collapsed .overlay-image-block label, #overlay_me_menu.collapsed #content_div_management_block, #overlay_me_menu.collapsed .controls, #overlay_me_menu.collapsed input[type=range], #overlay_me_menu.collapsed #overlay_panel #contentSlider, #overlay_me_menu.collapsed legend, #overlay_me_menu.collapsed .dynamic-adds, #overlay_me_menu.collapsed .unicorns, #overlay_me_menu.collapsed button.reset, #overlay_me_menu.collapsed button.hide, #overlay_me_menu.collapsed button.del-button {
|
258
|
+
display: none;
|
259
|
+
}
|
data/overlay_me.gemspec
CHANGED
@@ -6,7 +6,7 @@ Gem::Specification.new do |s|
|
|
6
6
|
s.name = "overlay_me"
|
7
7
|
s.version = OverlayMe::VERSION
|
8
8
|
s.platform = Gem::Platform::RUBY
|
9
|
-
s.authors = ["
|
9
|
+
s.authors = ["Joseph Boiteau"]
|
10
10
|
s.email = ["joseph.b@frontfoot.com.au"]
|
11
11
|
s.homepage = "http://github.com/frontfoot/overlay_me"
|
12
12
|
s.summary = "A handy toolbox for your web development"
|