diff options
| -rw-r--r-- | templates/web/fixmystreet/report/photo.html | 2 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/images/sprite.png | bin | 115313 -> 115610 bytes | |||
| -rw-r--r-- | web/cobrands/fixmystreet/layout.scss | 31 |
3 files changed, 32 insertions, 1 deletions
diff --git a/templates/web/fixmystreet/report/photo.html b/templates/web/fixmystreet/report/photo.html index a7761a721..02ab9228b 100644 --- a/templates/web/fixmystreet/report/photo.html +++ b/templates/web/fixmystreet/report/photo.html @@ -3,6 +3,6 @@ <div class="update-img"> [% IF photo.url_full %]<a href="[% photo.url_full %]" rel="fancy">[% END %]<img alt="Photo of this report" [% IF photo.height %]height="[% photo.height %]" width="[% photo.width %]"[% END %] src="[% photo.url %]"> - [%- IF photo.url_full %]</a>[% END %] + [%- IF photo.url_full %]<span>zoom</span></a>[% END %] </div> [% END %] diff --git a/web/cobrands/fixmystreet/images/sprite.png b/web/cobrands/fixmystreet/images/sprite.png Binary files differindex c6419f397..68de30268 100644 --- a/web/cobrands/fixmystreet/images/sprite.png +++ b/web/cobrands/fixmystreet/images/sprite.png diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss index e1de72daf..5a91dea2d 100644 --- a/web/cobrands/fixmystreet/layout.scss +++ b/web/cobrands/fixmystreet/layout.scss @@ -594,6 +594,7 @@ body.twothirdswidthpage { // Wraps around #key-tools box - sticks to the bottom of the screen on desktop .shadow-wrap { position:fixed; + z-index:10; //this is just to ensure anythign inside .content that has position set goes sites it bottom: 0; width: 29em; overflow: hidden; @@ -705,6 +706,36 @@ body.twothirdswidthpage { width: 29em; } +// fancybox gallery images have a magnifying glass in the corner +.update-img { + a { + @include inline-block; + position:relative; + span { + position:absolute; + top:0; + right:0; + display:block; + width:20px; + height:20px; + opacity: 0.5; + background:#fff url(images/sprite.png) -16px -1098px no-repeat; + //hide text - http://nicolasgallagher.com/another-css-image-replacement-technique/ + font: 0/0 a; + color: transparent; + } + &:hover span { + opacity: 1; + } + } +} +//bit of a hack - as we can't use em's, push the span out to the right +//by how much it would be if the user did not resize the text +.issue-list li .update-wrap .update-img a span { + right:-16px; + top:-8px; +} + /*FORMS*/ input[type=text], input[type=password], |
