diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 4 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/fixmystreet.js | 23 |
2 files changed, 25 insertions, 2 deletions
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss index 9614c2ce9..8b49d2c6a 100644 --- a/web/cobrands/fixmystreet/base.scss +++ b/web/cobrands/fixmystreet/base.scss @@ -571,7 +571,7 @@ p.label-valid { size:0.6875em; family: 'helvetica', 'arial', sans-serif; } - &:hover { + &:hover, &.hover { text-decoration:none; background-color:#333; color:#fff; @@ -872,7 +872,7 @@ a:hover.button-left { } } .text { - padding:0.5em 1em 0 1em; + padding:0.5em 1em; h4 { margin:0; } diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js index 7d9e73aa3..fdcbb9669 100644 --- a/web/cobrands/fixmystreet/fixmystreet.js +++ b/web/cobrands/fixmystreet/fixmystreet.js @@ -369,6 +369,29 @@ $(function(){ $('<p id="sub_map_links" />').insertAfter($('#map')); } + // Open list of wards on council page + // TODO Change chevron when open to point down + $('#council_wards_link').toggle(function(e){ + var $this = $(this), d = $('#council_wards'); + if (!$this.addClass('hover').data('setup')) { + d.css({ + backgroundColor: 'white', + height: $(window).height() - $('.content').offset().top - $('.shadow-wrap').height(), + display: 'none', + overflow: 'auto', + padding: '1em' + }).removeClass('hidden-js'); + d.find('h2').css({ marginTop: 0 }); + $('.shadow-wrap').append(d); + $this.data('setup', true); + } + d.animate( { height: 'show' } ); + }, function(e){ + var $this = $(this), d = $('#council_wards'); + $this.removeClass('hover'); + d.animate( { height: 'hide' } ); + }); + //add permalink on desktop, force hide on mobile $('#sub_map_links').append('<a href="#" id="map_permalink">Permalink</a>'); if($('.mobile').length){ |