overlay_me 0.12.0 → 0.12.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. data/CHANGELOG.md +7 -2
  2. data/Gemfile.lock +1 -1
  3. data/README.md +14 -9
  4. data/Rakefile +1 -0
  5. data/javascripts/addons/layout_resizer.js.coffee +7 -7
  6. data/javascripts/basics.js.coffee +19 -10
  7. data/javascripts/draggable.js.coffee +16 -20
  8. data/javascripts/init.js.coffee +8 -2
  9. data/javascripts/lib/backbone.js +13 -13
  10. data/javascripts/lib/jquery.js +802 -802
  11. data/javascripts/menu.js.coffee +34 -25
  12. data/javascripts/menu_item.js.coffee +4 -4
  13. data/javascripts/mixins/hideable.js.coffee +13 -0
  14. data/javascripts/mixins/storable.js.coffee +17 -0
  15. data/javascripts/overlay_me.js.coffee +4 -0
  16. data/javascripts/overlays.js.coffee +5 -5
  17. data/javascripts/overlays/content_div_mngmt.js.coffee +33 -37
  18. data/javascripts/overlays/draggable_image.js.coffee +15 -12
  19. data/javascripts/overlays/dynamic_images_mngmt.js.coffee +2 -2
  20. data/javascripts/overlays/image.js.coffee +31 -36
  21. data/javascripts/overlays/images_container.js.coffee +22 -0
  22. data/javascripts/overlays/images_mngt_div.js.coffee +15 -52
  23. data/lib/overlay_me/version.rb +1 -1
  24. data/overlay_me.css +86 -59
  25. data/overlay_me.gemspec +1 -1
  26. data/overlay_me.js +1134 -1052
  27. data/stylesheets/overlay_me.css.scss +44 -21
  28. data/vendor/assets/javascripts/overlay_me/addons/layout_resizer.js +11 -11
  29. data/vendor/assets/javascripts/overlay_me/overlay_me.min.js +326 -319
  30. metadata +7 -6
  31. data/addons/layout_resizer.js +0 -51
data/javascripts/overlays/images_container.js.coffee ADDED
@@ -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
+
data/javascripts/overlays/images_mngt_div.js.coffee CHANGED
@@ -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 an image'
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', {}, 'Add'
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
- # if ( data = localStorage.getItem(@id) )
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
@@ -1,7 +1,7 @@
1
1
  module OverlayMe
2
2
  MAJOR_VERSION = 0
3
3
  MINOR_VERSION = 12
4
- PATCH_LEVEL = 0
4
+ PATCH_LEVEL = 1
5
5
 
6
6
  VERSION = [MAJOR_VERSION, MINOR_VERSION, PATCH_LEVEL].join '.'
7
7
  end
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: 10px;
4
- margin: 0 5px;
5
- padding: 0px 5px;
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
- #overlay_me_dev_tools_menu {
15
- position: absolute;
14
+ #overlay_me_menu {
15
+ position: fixed;
16
+ right: 0;
16
17
  z-index: 990;
17
18
  }
18
- /* line 20, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
19
- #overlay_me_dev_tools_menu * {
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 24, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
23
- #overlay_me_dev_tools_menu .drag-me {
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 30, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
38
- #overlay_me_dev_tools_menu .drag-me:hover {
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 37, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
42
- #overlay_me_dev_tools_menu ul {
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 48, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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: 250px;
58
+ width: 200px;
58
59
  }
59
- /* line 53, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 center;
69
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpivHDhQujz589TmZiYvjMQAP/+/eOQkZGZyfD//38ZIL77nzhwG4ilQJpA2BiIPxHQ8BGIDUHqYZpAOIWApiSYWmRNIDfPxaYaKD4bWR2KJiDmA+KzaHrOQMVxagJhfSD+ALXhA5TPQEgTCCcD8V+gpmRs8rg0MQI1eANpJmzyAAEGAKD/bax/HrzbAAAAAElFTkSuQmCC) no-repeat center 3px;
69
70
  }
70
- /* line 62, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 65, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 70, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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: 237px;
85
+ width: 187px;
85
86
  line-height: 1.1em;
86
87
  font-size: 14px;
87
88
  background: none;
88
89
  }
89
- /* line 80, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 81, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 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 89, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 92, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 103, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
113
+ /* line 104, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
113
114
  #overlay_panel label {
114
- margin: 0 5px 0 0;
115
+ margin: 0;
115
116
  font-size: 14px;
116
117
  }
117
- /* line 108, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 115, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 122, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 124, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 128, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 133, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
150
+ /* line 135, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
149
151
  #overlay_panel #images_mgnt {
150
- width: 236px;
152
+ width: 186px;
151
153
  }
152
- /* line 137, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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: 236px;
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 148, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 151, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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: 3px 7px;
180
+ margin: 1px;
175
181
  cursor: pointer;
176
182
  border: 1px #AAA solid;
177
- font-size: 80%;
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 4px 2px 4px;
188
+ padding: 0 3px;
182
189
  }
183
- /* line 167, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 170, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
194
+ /* line 176, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
188
195
  #overlay_panel #images_mgnt .dynamic-adds input {
189
- width: 105px;
196
+ width: 95px;
190
197
  font-size: 10px;
191
198
  }
192
- /* line 177, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 181, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 188, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 193, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 196, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
220
+ /* line 201, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
215
221
  #overlay_me_images_container div.highlight {
216
- background: rgba(255, 255, 0, 0.5);
217
- opacity: 1;
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 203, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 207, /Users/ffmini/Programming/overlay_me/stylesheets/overlay_me.css.scss */
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 = ["Rufus Post", "Joseph Boiteau"]
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"