v3.8

This minor release covers 12 issues and 18 pull requests.

New features

• ✨ Horizontal scrolling in tabs has landed!! The tabs now remain on a single row whether or not the screen/browser is wide enough to accommodate them; mobile users are no longer subjected to an unusable drop-down menu. Although there's technically no longer a limit to the number of tabs you can have and to their individual lengths, keep in mind that the same usability guidelines apply. We invite you to read them again. Note that you may tidy up your markup a little by removing class desktop-nav from the nav element, and by getting rid of the entire mobile-nav element if present. #477 #439
• ✨ Flash message: new component similar to notices, but displayed at the top of the page, which is useful for showing the result of form submissions (for more demos, check out the headerless, search and staff list layouts) #518 #529
• ✨ The open/close animation of the main menu has been fully refactored to improve performance and fix a few bugs - it is now much smoother, especially on mobile devices, and flies over the page instead of pushing it #516 #438 #440 #517
• Add multiple pins to a map (both Google Maps and OpenStreetMaps) by specifying pairs of coordinates separated by pipes | in the data-pin attribute - e.g. data-pin="-37.798535, 144.960605|-37.798048, 144.960946" #525 #524
• Sections can now be closed in single-block-open accordions #535 #532
• #️⃣ The smoothScrollTo function used by the jumpnav now accepts a callback function as second argument: window.smoothScrollTo(element, cb) (useful to avoid running resource-heavy code, like DOM manipulations and Ajax requests, while the page is scrolling) #510

Bugs fixed

• Search results overflow on mobile when URLs are too long #512 #437
• OpenStreetMap mixed content error (trying to load scripts from unsecure servers from a secure page) #514
• In-page tabs can be selected via URL hash, and change URL hash when selected (both incorrect behaviours, as they are not meant to be used for navigation) #527 #523
• When reloading while in the middle of a page, header doesn't receive class fixed until the user starts scrolling #511
• Accordion sections cannot be opened by clicking the plus/cross icon #534 #522
• Long accordion sections force footer to expand when hidden #534 #531
• Two-column layout of jumpnav on mobile is hard to read and does not order items logically (left to right instead of top to bottom) #513 #502
• Page scrolls to the top when opening the main menu #440
• Sub-menus in local navigation do not fully cover their parent (when the parent's content is taller than the viewport) #517
• Slight misalignment of breadcrumb with icon #509
• Slight misalignment of sidebar and heading in news components (e.g. Staff News layout) #507
• Photoswipe library loaded more than once on a page with multiple galleries #519
• Icons with hidden labels don't appear at all on IE8 #521