diff --git a/app/assets/javascripts/popover.coffee b/app/assets/javascripts/popover.coffee index 067e6ed..375c643 100644 --- a/app/assets/javascripts/popover.coffee +++ b/app/assets/javascripts/popover.coffee @@ -14,7 +14,7 @@ $("document").ready -> margintop = (( $(window).height() - imgheight) / 2 ) - $("#large .large-img").css + $("#large .img_container").css "margin-top" :(margintop+"px") #"width" : "100px" @@ -129,9 +129,9 @@ $("document").ready -> $("#large").append "" $("#large").append "" - $("#large").append "" + #$("#large").append "" - $("#large").append "
" + $("#large").append "
" $(".img_container.first").append "" if $(this).attr "title" @@ -151,9 +151,15 @@ $("document").ready -> if $(window).width() > (maxwidth+100) $("#large .large-img").css "max-width" : maxwidth + $("#large .cross_container").css + "max-width" : maxwidth else $("#large .large-img").css "max-width" : "85%" + $("#large .cross_container").css + "max-width" : "85%" + + position_img(); diff --git a/app/assets/stylesheets/popover.scss b/app/assets/stylesheets/popover.scss index 687901f..fd014e7 100644 --- a/app/assets/stylesheets/popover.scss +++ b/app/assets/stylesheets/popover.scss @@ -36,11 +36,20 @@ right:15px; } + + .cross_container{ + + margin:auto; + position:relative; + + + } .close_link{ position:absolute; - top:10px; - left:10px; + top:-20px; + left:-20px; width:40px; + cursor:pointer; } diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss index 804bbe6..f0cca9a 100644 --- a/app/assets/stylesheets/public.scss +++ b/app/assets/stylesheets/public.scss @@ -47,7 +47,8 @@ $blue :#2dadb1; .close_popup{ position:absolute; top:-20px; - right:-20px; + left:-20px; + width:40px; cursor:pointer; }