diff options
Diffstat (limited to 'web')
-rw-r--r-- | web/cobrands/fixmystreet/fixmystreet.js | 15 | ||||
-rw-r--r-- | web/cobrands/fixmystreet/layout.scss | 9 | ||||
-rwxr-xr-x | web/cobrands/harrogate/HBCLogo-cropped.png | bin | 0 -> 10091 bytes | |||
-rwxr-xr-x | web/cobrands/harrogate/HBCLogo-mobile.png | bin | 0 -> 2632 bytes | |||
-rw-r--r-- | web/cobrands/harrogate/HBCLogo.png | bin | 0 -> 7102 bytes | |||
-rwxr-xr-x | web/cobrands/harrogate/HBLogo.png | bin | 0 -> 33025 bytes | |||
-rw-r--r-- | web/cobrands/harrogate/_colours.scss | 22 | ||||
-rw-r--r-- | web/cobrands/harrogate/base.scss | 65 | ||||
-rw-r--r-- | web/cobrands/harrogate/config.rb | 25 | ||||
-rw-r--r-- | web/cobrands/harrogate/layout.scss | 185 | ||||
-rw-r--r-- | web/cobrands/sass/_layout.scss | 3 | ||||
-rw-r--r-- | web/js/map-OpenLayers.js | 4 | ||||
-rw-r--r-- | web/js/map-OpenStreetMap.js | 8 |
13 files changed, 305 insertions, 31 deletions
diff --git a/web/cobrands/fixmystreet/fixmystreet.js b/web/cobrands/fixmystreet/fixmystreet.js index 4e7315017..fdecee9db 100644 --- a/web/cobrands/fixmystreet/fixmystreet.js +++ b/web/cobrands/fixmystreet/fixmystreet.js @@ -46,17 +46,6 @@ function tabs(elem, indirect) { //hide / show the right tab $('.tab.open').hide().removeClass('open'); $(target).show().addClass('open'); - - // Clicking on tabs to show/hide pins, content experiment - if (typeof(variation) !== 'undefined' && variation == 1) { - if (target == '#current_near_tab' && !fixmystreet.markers.getVisibility()) { - $('#hide_pins_link').click(); - } - if (target == '#reporting' && fixmystreet.markers.getVisibility()) { - $('#hide_pins_link').click(); - } - } - } } @@ -187,8 +176,8 @@ $(function(){ * Tabs */ //make initial tab active - $('.tab-nav a:visible').first().addClass('active'); - $('.tab:visible').first().addClass('open'); + $('.tab-nav a').first().addClass('active'); + $('.tab').first().addClass('open'); //hide other tabs $('.tab').not('.open').hide(); diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss index 21de4f271..ded1ed911 100644 --- a/web/cobrands/fixmystreet/layout.scss +++ b/web/cobrands/fixmystreet/layout.scss @@ -92,15 +92,6 @@ body.mappage { @include background(linear-gradient(#000, #222 10%, #222 90%, #000)); } } - - #reporting { - padding: 1em; - text-align: center; - - h1 { - line-height: 1.2em; - } - } } #main-nav { diff --git a/web/cobrands/harrogate/HBCLogo-cropped.png b/web/cobrands/harrogate/HBCLogo-cropped.png Binary files differnew file mode 100755 index 000000000..4421820d2 --- /dev/null +++ b/web/cobrands/harrogate/HBCLogo-cropped.png diff --git a/web/cobrands/harrogate/HBCLogo-mobile.png b/web/cobrands/harrogate/HBCLogo-mobile.png Binary files differnew file mode 100755 index 000000000..7b4cd6063 --- /dev/null +++ b/web/cobrands/harrogate/HBCLogo-mobile.png diff --git a/web/cobrands/harrogate/HBCLogo.png b/web/cobrands/harrogate/HBCLogo.png Binary files differnew file mode 100644 index 000000000..11ee7c79c --- /dev/null +++ b/web/cobrands/harrogate/HBCLogo.png diff --git a/web/cobrands/harrogate/HBLogo.png b/web/cobrands/harrogate/HBLogo.png Binary files differnew file mode 100755 index 000000000..03cf2b4f5 --- /dev/null +++ b/web/cobrands/harrogate/HBLogo.png diff --git a/web/cobrands/harrogate/_colours.scss b/web/cobrands/harrogate/_colours.scss new file mode 100644 index 000000000..a79b7acfb --- /dev/null +++ b/web/cobrands/harrogate/_colours.scss @@ -0,0 +1,22 @@ +/* COLOURS */ + +$harrogate_primary: #7EB7D8; + +$primary: $harrogate_primary; +$primary_dark: darken($harrogate_primary, 20%); + +$col_click_map: $harrogate_primary; +$col_click_map_dark: $harrogate_primary; +$col_fixed_label_dark: $harrogate_primary; +$col_fixed_label: $harrogate_primary; + +$primary_b: #000000; +$primary_text: #ffffff; + +$base_bg: #fff; +$base_fg: #1a1a1a; + +/* Following seem to be required in layout.scss */ +$map_nav_bg: #222; +$nav_fg: #000; +$nav_fg_hover: #444; diff --git a/web/cobrands/harrogate/base.scss b/web/cobrands/harrogate/base.scss new file mode 100644 index 000000000..eccb1a84f --- /dev/null +++ b/web/cobrands/harrogate/base.scss @@ -0,0 +1,65 @@ +@import "../sass/h5bp"; +@import "./_colours"; +@import "../sass/mixins"; +@import "compass"; + +@import "../sass/base"; + + +body.frontpage #site-logo, +.ie6 body.frontpage #site-logo, +#site-logo +{ + display: block; + margin: 2px; + padding-left: 10px; + position: static; + + background: url("/cobrands/harrogate/HBCLogo-mobile.png") 0 0 no-repeat; + width: 106px; + height: 37px; +} + +#main-nav ul#main-menu li { + + // blue button background, darker if selected + background: #ededed; + &.menu-item-selected { + background: $primary; + span { + color: #fff; + } + } + + span { + color: $nav_fg; + } +} + +#main-nav ul#main-menu li, +body.mappage #main-nav ul#main-menu li, +{ + padding-left: 0.25em; + padding-right: 0.25em; + padding-top: 0; + padding-bottom: 0; + + a { padding: 0 } +} + +label[for=form_INFO_TEXT] { + background: yellow; + border: solid 1px black; + padding: 1em; +} + +#site-header { + background: none; +} + + +#council_responsibilities_note { + background-color: lighten($primary, 30%); + padding: 0.5em; + font-size: 0.8em; +} diff --git a/web/cobrands/harrogate/config.rb b/web/cobrands/harrogate/config.rb new file mode 100644 index 000000000..cab97b18f --- /dev/null +++ b/web/cobrands/harrogate/config.rb @@ -0,0 +1,25 @@ +# Require any additional compass plugins here. + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "" +sass_dir = "" +images_dir = "" +javascripts_dir = "" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass + +line_comments = false # by Compass.app diff --git a/web/cobrands/harrogate/layout.scss b/web/cobrands/harrogate/layout.scss new file mode 100644 index 000000000..480a07f5d --- /dev/null +++ b/web/cobrands/harrogate/layout.scss @@ -0,0 +1,185 @@ +@import "_colours"; +@import "../sass/layout"; + +@media only screen and (min-width: 48em) { + #site-logo, + .ie6 #site-logo, + + body.frontpage #site-logo, + .ie6 body.frontpage #site-logo, + + body.authpage #site-logo, + .ie6 body.authpage #site-logo, + + body.twothirdswidthpage #site-logo, + .ie6 body.twothirdswidthpage #site-logo + { + position: relative; + top: 1.2em; + margin: 0; + padding: 0; + background: url("/cobrands/harrogate/HBCLogo.png") 0 0 no-repeat; + width: 227px; + height: 122px; + } + + body.frontpage #site-header, + .ie6 body.frontpage #site-header, + + body.twothirdswidthpage #site-header, + .ie6 body.twothirdswidthpage #site-header, + + body.authpage #site-header, + .ie6 body.authpage #site-header, + + body.mappage #site-header, + .ie6 body.mappage #site-header, + body.mappage .nav-wrapper-2, + .ie6 body.mappage .nav-wrapper-2 + { + height: 10em; + } + + #fms_pan_zoom { + top: 10.75em!important; + } +} + +@media only screen and (min-width: 48em) { + body.twothirdswidthpage .container .content footer .tablewrapper a:link, + body.twothirdswidthpage .container .content footer .tablewrapper a:visited, + body.fullwidthpage .container .content footer .tablewrapper a:link, + body.fullwidthpage .container .content footer .tablewrapper a:visited { + color: white; + } + + body.mappage #user-meta+.container .content { + padding-top: 1.5em; + } +} + +body.fullwidthpage #main-nav, +body.frontpage #main-nav, +body.twothirdswidthpage #main-nav, +body.authpage #main-nav +{ + margin-top: 3.2em; +} + +body.mappage #main-nav, +{ + // TODO would be better to edit containers to figure out where missing em is defined + margin-top: 2.2em; +} + +body.fullwidthpage .container .content, +body.twothirdswidthpage .container .content { + margin: 0; + padding-left: 0; + padding-right: 0; +} + +@media only screen and (min-width: 48em) { + body.fullwidthpage .container .content { + margin-top: 3em; // push far enough for the sign-out link to also be visible + } +} + +body.twothirdswidthpage .content aside { + margin-top: 2em; + @include box-shadow(none); +} + + +body.twothirdswidthpage form.full-width { + margin: 0; +} + +body.mappage #main-nav { + ul#main-menu { + padding: 1em 0; + } +} + +body.mappage #main-nav ul#main-menu li a, body.mappage #main-nav ul#main-menu li span { + padding: 0.75em; +} + +body.mappage #main-nav ul#main-menu li a.report-a-problem-btn, +#main-nav ul#main-menu li a.report-a-problem-btn { + margin: 0; + padding: 0.75em; +} +#main-nav ul#main-menu li a.report-a-problem-btn { + &:hover { + background: #444; + color: #fff; + @include border-radius(0em); + } +} + +#main-nav { + ul#main-menu { + li { + a.report-a-problem-btn { + color: #000; + background: #ededed; + } + } + } +} + +body.mappage .nav-wrapper .nav-wrapper-2 { + background: #fff; + border-bottom: solid 4px $primary; +} + +.nav-wrapper .nav-wrapper-2 { + border-top: 0px; +} + +#front-main { + background: none; + padding: 0; + + #front-main-container { + background: $primary; + padding: 2em 0; + margin-bottom: 1.2em; + @include border-radius(12px); + + #postcode-intro { + margin: 0 2em; + } + } + +} + +body.frontpage #user-meta p { + top: -2.4em; +} + +body.mappage #user-meta { + top: 2em; + p { + background: $primary; + border-color: $primary_dark; + } +} + +body.mappage .content { + margin-top: 4em; +} + + +body.twothirdswidthpage .container .content footer, +body.fullwidthpage .container .content footer +{ + .tablewrapper { + width: 100%; + background: $primary; + @include border-radius(12px); + margin-bottom: 2em; + + } +} diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss index 632385cac..607734c41 100644 --- a/web/cobrands/sass/_layout.scss +++ b/web/cobrands/sass/_layout.scss @@ -388,10 +388,11 @@ body.fullwidthpage { .container { .content { box-shadow: none; - padding: 1em 1em 0em; + padding: 1em; margin-bottom: 0em; footer { margin-top: 0em; + margin-bottom: -1em; .tablewrapper { padding-top: 2em; padding-bottom: 3em; diff --git a/web/js/map-OpenLayers.js b/web/js/map-OpenLayers.js index facb9d3f2..baa8d7810 100644 --- a/web/js/map-OpenLayers.js +++ b/web/js/map-OpenLayers.js @@ -227,10 +227,6 @@ function fixmystreet_onload() { } }); - if (fixmystreet.initial_hide_pins) { - $('#hide_pins_link').click(); - } - $('#all_pins_link').click(function(e) { e.preventDefault(); fixmystreet.markers.setVisibility(true); diff --git a/web/js/map-OpenStreetMap.js b/web/js/map-OpenStreetMap.js index fc0afedc3..7ef222da7 100644 --- a/web/js/map-OpenStreetMap.js +++ b/web/js/map-OpenStreetMap.js @@ -8,7 +8,7 @@ function set_map_config(perm) { //new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Navigation(), new OpenLayers.Control.PermalinkFMS(permalink_id), - new OpenLayers.Control.PermalinkFMSz('osm_link', 'http://www.openstreetmap.org/'), + new OpenLayers.Control.PermalinkFMSz('osm_link', 'https://www.openstreetmap.org/'), new OpenLayers.Control.PanZoomFMS({id: 'fms_pan_zoom' }) ]; } @@ -31,9 +31,9 @@ OpenLayers.Layer.OSM.Mapnik = OpenLayers.Class(OpenLayers.Layer.OSM, { */ initialize: function(name, options) { var url = [ - "http://a.tile.openstreetmap.org/${z}/${x}/${y}.png", - "http://b.tile.openstreetmap.org/${z}/${x}/${y}.png", - "http://c.tile.openstreetmap.org/${z}/${x}/${y}.png" + "https://a.tile.openstreetmap.org/${z}/${x}/${y}.png", + "https://b.tile.openstreetmap.org/${z}/${x}/${y}.png", + "https://c.tile.openstreetmap.org/${z}/${x}/${y}.png" ]; options = OpenLayers.Util.extend({ /* Below line added to OSM's file in order to allow minimum zoom level */ |