All notable changes to this project will be documented in this file.
See Change Log Instructions for directions on updating this file.
The format is based on Keep a Changelog
<ticket/issue #>: Human-friendly description, with hyperlinked patterns (<Link to #PR>)
For example
- DP-1234: The short description text on a service detail page banner (@organisms/by-template/page-banner) should now render (PR #493)
- DP-9146/DP-8825: Adds teaser listing group organism to apply accordion behavior to multiple teaser listings at once.
- DP-9243: MF fix info details to show contact and related in sidebar as well as bottom on desktop.
- DP-1234: Removed alt value from the state seal since the text "Mass.gov" is duplicate to the content in the followed .
- DP-8825: Adds teaser listing group organism to apply accordion behavior to multiple teaser listings at once.
- DP-8992, DP-8993, DP-8969: Adds a new 'contact row' organism to get around limitations of existing contact component options.
- DP-8897: Relationship indicator change to expose organization on public pages
- DP-9077: Relationship indicator changes
- DP-8574: Update jQuery version for stickyTOC Firefox bug.
- DP-7363: Enable srcset on the image pattern and demonstrate usage on Press Release with Image Page.
- DP-6907: Change default ordered list type styling in rich text fields.
- DP-9010: MF Update row order for boards page.
- DP-8631: Provides twig blocks to support overrides and template mapping of data.
- DP-8854: Update the footer template to match the one in Drupal.
- DP-8949: Mayflower Subpatterns for General Teaser.
- DP-9057 - Fix IE11 bug where featured image in mosaic was not appearing.
- DP-8956: Update contact us to provide a way to keep address above other information even if there is only two contact groups.
- DP-8825: Adds an expandable/accordion variation to the teaser listing organism.
- DP-8942: Add missing content examples in JSON for elected official page.
- DP-8924: reorder sections in organization page to have featured topics above news.
- DP-8940: Increases font size of short description on org pages to match production website
- DP-8948: Close up contact information on org pages extra horizontal spacing
- DP-8890: Always print expander and let JavaScript control visibility.
- DP-6715: Allow main content of image-promos to be overwritten.
- DP-7761: Take html out of map pin title.
- DP-8363: Replace the site logo image with the seal image + text.
- DP-8877: MF create front end code to support display of short description on org page that is separate from contact row.
- DP-8880: Allow a block to be overridden for the sidebar of the stacked row section pattern.
- DP-8891: re-orders Mayflower elements for the Org page variations.
- DP-8711: Added support for multiple entries in the page-banner-linked organism.
- DP-8441: Use explicit height instead of responsive iframe container if height is provided.
- DP-8516: Provides twig blocks to support overrides and template mapping of data for person bio page.
- DP-8712: Support 2nd executive in elected official About Row as option.
- DP-8738: Add additional blocks to contact us pattern.
- DP-8612: Elected--contact row adjustments.
- DP-8730: Elected--services heading color change.
- DP-8738: Elected--limit space of contact section logo.
- DP-8602: Remove unused slick plugin
- Reverted the DP-8612: Add column-layout variation to 'contact us'.
- DP-8569: Add missing header on binder cover page template.
- DP-8594: Adds twig blocks for overriding during implementation of the row reorder for elected officials.
- DP-8612: Add column-layout variation to 'contact us'.
- DP-8674: Adds and uses WOFF2 variants for webfonts.
- DP-7500: Update image-link-list to allow overriding the links without losing functionality.
- DP-7600: Extracts looped items into separate patterns.
- DP-7600: Provides twig blocks to support overrides and template mapping of data.
- DP-8597: Social links on elected org page overlap executive area when the links are long or more than x number.
- DP-8642: Fix erroneous width limitation on page-intro sub-title affecting the bio page.
- DP-8648: Fix gap with image background on Elected Official Organization page for wide-widths.
- DP-8701: Replace lost image link styles.
- Fix social media icon colors in Firefox.
- Adds the current mass.gov site logo for the header of the website to mayflower's image assets and allow hiding back-to button in header.
- DP-8362: Replace svg templates and template calls with icon() function. Added a processor for icons inserted in alert ajax version.
- DP-8440: Add component spacing to quote organism.
- DP-8454: Switch to TwigJS for rendering result-headings in javascript.
- DP-8454: Switch to TwigJS for rendering pagination in javascript.
- DP-8517: Updates image link rows layout.
- DP-8519: Updates rough transition on expansion.
- DP-8522: Modifies image link grid layout.
- DP-8524: Clean up the release to production documentation in Mayflower.
- DP-8586: Reduce minimum spacing for about section.
- DP-8453: Prevent loading of result heading template until it is required.
- DP-8362: Remove svg icon twig templates which replaced with svg files under assets.
- Bumped the version up to 5.18.1 in the package.json.
- DP-7564: Fixes issue with black line over "Who we serve" stacked row on Elected org page. Fixes issue with media queries on Elected org page.
- DP-8051: Adds page banner variation for use in elected and org detail pages.
- DP-8176: People in curated lists
- DP-7483: Organization block list fix.
- DP-8221: Truncates featured item titles past character limit.
- DP-8339: Automate the release process for Mayflower.
- DP-8402: Use dynamic Pattern Lab variables to reduce the amount of files that need to change during the release workflow.
- DP-8455: Make image URLs optional on search banner to allow setting randomized image in javascript.
- DP-7624: Adds cover page example of binder
- DP-8126: Avoid making two ajax calls to the same endpoint when there are two ajax patterns on the same page.
- DP-8378: Fix the page banner display issue in mobile for Topic, Organizaion and Service pages.
- DP-8400: Add fix for binder page jumplinks.
- DP-8436: Moves post content for information details and fixes handling text in sticky header after toc jump link is clicked.
- DP-8341: Added visual regression testing for all templates and pages.
- DP-8378: Fix the page banner display issue in mobile for Topic, Organizaion and Service pages.
- DP-8406: Corrects sticky TOC selector and positioning. Corrects drupal integration styling of page flipper on binder navigation.
- DP-8332: Update build process for Mayflower to Circle 2.0
- DP-7758: Adds Organization Detail content-type template.
- DP-7766: Adds Sticky Table of Contents organism pattern for use in Information Details content-type.
- DP-7767: Adds Overlay Table of Contents organism pattern, Adds Interal Binder Page example.
- DP-7341: Adds Person Card organism and About Section organism for use on Elected Official pages.
- DP-7767: Changes to the
section
objects andtitle
property of the Table of Contents Hierarchy organism data object to better support extensions.
- DP-6181: Add contact name to email and phone number links in contacts to be announced by screen readers along with the email address and phone number within the links. So, AT device users could have more clarity for what the email address or phone number is for.
- DP-6522: Adds new components and modifies existing ones to enable generalized listings of content, and specifically allows lists of user bios. Adds support for individual user bio pages.
- DP-6883: Add icon.function.php to pull svg icon source from /assets/svg-icons/ instead of the twig templates in @atoms/05-icons/.
- DP-8000: Adds new blocks to table-of-contents.twig and created new molecule twig expandable-sections.twig.
- DP-8290: Adds optional clearAll button to PressFilters for mayflower-react
- DP-6883: Replace a call for svg icon templates with the new icon function for document download. The other icons continue to be rendered with the existing twig templates in @atoms/05-icons/.
- DP-7564: Changed Mayflower templates used for the Featured Items Mosaic component on Organization Landing Pages. This change should not impact any existing functionality, since the related component is not yet in use.
- DP-7963: Breaks out a contact item from a contact group and provides binder and info details related twig blocks to be overridden in implementation.
- DP-7976: Adds block to twig so we can override how link list decorative link is rendered.
- DP-8023: Block and conditional logic updates for info details
- DP-8203: Fix header alert to be displayed in its given space
- DP-8203: Remove accordion button in side column contact
- DP-8190: Remove the background color from the iframe container
- Remove unused data for decorative links in link list pattern, and set the title for see all link.
- Remove sidebarHeading block renders sidebarHeading as an option of compHeading (back port mayflower-react)
- DP-7786: Added: atoms/buttons/button-toggle as a new pattern, and inline, small modifiers for label. #711 #712
- DP-2082: [a11y] Add intuitive info to the + symbols for accordion buttons #687
- make screen readers not announce the + button in contact accordion
- add accordion status announcement with aria-label
- DP-7063: Added SVG Chat icon #664
- (For dev and release masters:) Added change log for the PR process #708 #715
- DP-7624: binder cover page components #698
- New Organism variation "illustrated-header~inverted"
- New Organism "table-of-contents-hierarchy"
- New Content Type "binder-page"
- DP-6352: [a11y] change tell us what you think button on all pages to be last item to get keyboard focus #678
- DP-3222-3914: [a11y] heading levels adjustment for imagePromo items #682
- DP-6351: [a11y] Change pagination on location listing to be heading #679
- DP-6350: [a11y] Change search query field place holder text in location #683
- DP-2405: Change the container for an abbreviation in a page banner title to from #688
- DP-6712: Fix the Video Dimensions on the Service Detail Page #674
- DP-1553: [a11y] Correct aria role value #699
- DP-2403: [a11y] Text info for the social media icons in the footer #691
- DP-3198: a11y Keyboard focus indicator usability for main menus #676
- Removed the poor supported aria-controles from the main navigation tabs to remove the non-functional keyboard instruction in JAWS with Firefox.
- DP-3252: [a11y] Remove IDs from svg icons #681
- DP-7907: Adds support for details to @molecules/callout-link (e.g calls to action on a location page header). This includes adding an eyebrow, white theme variant, time note, and emphasized text to the callout link molecule. #703
- DP-7307 & DP-7483: organization image links #670
- Add logo link molecule & logo list organism for use on service page
- Add block
- Adding accordion behaivor to image link lists
- DP-7307 & DP-7483: organization image links #670
- relative pathing so things work everywhere
- remove borders when logo list is in sidebar, align left text & images when no image present for some links
- rename logoLink to imageLink, add variant for block treatment
- fix indentation, spacing
- adjust accordion toggle for various length of items
- (For release masters:)
sed
from bash script on macos is not being very kind. Iterating on the release script again.
- (For release masters:) Touch up release docs and iterate on s3 deploy scripts for smoother release.
- (For release masters:) Touch up release docs and iterate on s3 deploy scripts for smoother release.
- (For devs) Iterate on the release process to make it more smooth.
- DP-7718: Adds support for Description text to @molecules/callout-link (e.g calls to action on a location page header).
- D-7725: Adds Support for Blue Variant of @atoms/colored-heading (e.g. header in the press filter organism)
- DP-7359: Make line breaks on word in richtext links compatible with non-chrome browsers.
- DP-7490: Adjust the page banner and its children for flexble height.
- (For Devs): Adds shell scripts and circle config to deploy feature branches and production tags to mayflower.digital.mass.gov [s3 bucket|https://github.com/massgov/mayflower/blob/dev/docs/s3-architecture.md] AND to publish static assets on [NPM|https://www.npmjs.com/package/@massds/mayflower]. See new [release process|https://github.com/massgov/mayflower/blob/dev/docs/release.md]
- DP-7478 - Page based alerts can now span multiple rows as needed.
- DP-7193 - Contact Accordians now have a more flexible layout for better experience on wider widths.
- DP-7265 - Add new 'Mosaic Grid' organism with 'Featured Item' molecules for use on 'Organization Elected Official' pages.
- DP-7252 - We've made the ajax pattern respect cache (i.e. the get request no longer appends a cache busting querystring "_= parameter).
- DP-5817 - Give a warm welcome our newest Mayflower page type: Rules of Court. This page can be used by legal professionals to publish court rulings, standing orders, and evidence guides. Notice the new optional javascript functionality added to the rich text pattern to provide heading indentation and anchor links (as seen on the Rules of Court page). Also note the new accordion functionality added to the listing table pattern (as seen on the Rules of Court page).
- DP-5991 - We've added an event page with Public Meeting Notice functionality: posted/updated information, public testimony callout, agenda, minutes, and participating organizations. Related, we've also added a full page display for event minutes and event agendas.
- DP-6517 - We've added a nifty new pattern to our family: Ajax Pattern. With this pattern, you can render dynamic content in any existing Mayflower pattern client side with the help of the TwigJS library. Read the pattern docs to learn more and see it in action on the Park Location page -- the site and page alerts are all rendered using this new pattern!
- DP-5916 - We've increased the vertical spacing between the phone number and description on the Image Promo pattern as it appears on location listing pages.
- DP-6916 - We've fixed the bug where long sidebar contact "learn more" links (i.e. on How To pages were being hyphenated.
- DP-5817 - To implement this new page type, follow the content type template pattern. Note the backwards compatible extension of the listing table molecule to provide accordion function using the existing accordion js module and the extension of the rich text organism (and new JS) to add "outline" indentation and heading anchor links.
- DP-5916 - You'll get this style patch (from PR#645) just by updating your css files!
- DP-5991 - See the event content template for instructions on implementing this new pattern variation.
- DP-6517 - Follow the usage guidelines in the pattern docs to implement this new client side rendering feature. See an example implementation with a data transform function.
- DP-6916 - You'll get this style patch (from PR#646) just by updating your css files!
Bump version to appease the automation Gods.
- DP-5385 - The Suggested Pages pattern (i.e. Related Locations) now includes an optional more link so that it can be implemented to only render 3 entries and link to the rest.
- DP-5858 - Styles have been added which hide the "Tell us what you think" button and ensure that contact accordions are expanded when a page is printed.
- DP-6111 - Event teaser listings now have a "no event" state which will render when the pattern is included on a page but no future events are provided.
- DP-4534 - The header tags molecule (i.e. relationship indicators) has been updated to support 3+ tags by adding a show/hide button to collapse and expand the tags.
- DP-4572 - The dateline (i.e. BOSTON -) style on a press release page has been updated to be bold with an emdash appended.
- DP-5388 - The page banner on a Service Page will now fit longer text content (i.e. up to 400px in height).
- DP-5515 - Service and Org page "action finder" titles (i.e. What would you like to do?) have been updated to sentence case.
- DP-5518 - The style for the feedback form (i.e. Did you find what you're looking for) textarea is more consistent when a user clicks yes / no.
- DP-5523 - When appearing consecutively (i.e. on a Service Page the grey background of the second "action finder" (i.e. What you need to know) will line up more consistently with the first.
- DP-5914 - The spacing has been fixed on Topic page Section links (i.e. Topic cards) which display Callout links (i.e. links to Services).
- DP-6106 - The mobile styling for the banner on Topic pages has been made more consistent to other page banners: the height is flexible, the content is vertically centered, the icon removed, and the colored background fills the width of the screen.
- DP-3060 - The outline has been removed from the Heading which appeared when a How-To subnav anchor link (i.e. "Next Steps") is clicked.
- DP-5914 - Remove extra padding on callout links
- DP-5385 - To use the new more link for Suggested Pages, populate the optional
suggestPages.more
property with the data for a Link pattern. - DP-4572 - To apply this style fix, wrap your press release dateline (i.e. BOSTON) text in
span.ma__rich-text__flame
. (See massgov/mass PR #1304) - DP-5515 - The title text for "action finders" (i.e. What you need to know) are configurable, so just update your implementation to use sentence case to meet our styleguide standards!
- DP-6111 - To use the new "no events" state for a listing of Event Teasers (i.e. on Org pages), populate the
eventListing.emptyText
andeventListing.pastMore
properties and leaveeventListing.events
array empty. (See massgov/mass PR #1443)
- DP-4717 - Devs can use the new technical docs which describe the process for working with patterns and atomic design.
- DP-6145 Fix icon overlap bug in time callout organism
- DP-5915 Fix section links component by updating line height and increasing margin top on list items (except first one).
- DP-4517 - The @molecules/header-tags pattern no longer forces Title/Upper case for its contents. (This will fix the case of the relationship indicators on Mass.gov).
We want to give a quick shout out and thanks to all of our friends who have helped to get Mayflower to where it is today through there contributions over the last year: @jasonstanbery, @reenybeeny, @iansholtys, @labbydev, @nstriedinger, @lukewertz, @gleroux02, and @plusjeff.
And a special warm thanks to our largest contributor by far, @legostud, for all of the thoughtfulness, care, and ingenuity with which you've crafted this project!
We hope to see you all around in code. :)
- DP-4968 - The Location page now supports a "Downloads" section which could be helpful for adding a pdf map, for example.
- DP-4581 / 5023 - We've added sort and filter functionality to the Event Listing page! Now you can enter a town or zip to sort events by proximity and you can filter events by a future date time frame. (Also, developers will notice that the Event and Location listing js is shared, since the functionality is so similar.) (PR #589)
- DP-5341 - We've created a new pattern called Collapsible Content! Eventually this pattern could be used for functionality like Contact Us as accordion where it will accept child patterns using the
path / data
construct similar to Rich Text, sidebar widgets, etc. (PR #581) - DP-4323 / 4325 - We've finished documenting all the patterns! (PRs #545, #546).
- DP-5307 - In response to some Mass.gov content author feedback, Users will notice that the image + map banner (i.e. the Location Banner) on the Location page has been made more narrow and fits within the page content width constraints. This allows for a more convenient image size (of 800x400) to be used. (PR #576)
- DP-3222 / 3914 - Several Mayflower patterns now support optional configuration for their included heading element levels. (Technical note: This work compensates for the fact that many assistive technologies are not quite up to date with the HTML spec which we have been following all along) (PR #590)
- DP-4318 - Users will notice that the font size for links in the sidebar are more consistent. (See example on the "Social" and "Offered By" on the Service page). (PR #588)
- DP-5653 - Our Location listing and Event listing page geosort functionality is now 8 times more cost effective (from 2 api credits down to .25 api credits!) (PR #602)
- DP-3763 - Users will notice that the zoom level has been set to a more appropriate level on maps which have only 1 marker (i.e. on the Location page (general content)). (PR #604)
- DP-5234 / 5177 - We've made some backwards-compatible updates to several patterns. See PR #571 for details.
- Github #565 - Devs will notice that we've updated some npm packages. (PR #565)
- DP-4313 - Users will notice that the logo image has been removed from the Service page. (PR #596)
- DP-4858 - Users will notice that the "DRAFT" status indication has been removed from the front end of the Decision page. (PR #597)
- DP-4968 - To use this new "Downloads" section feature on the Location page, populate
mainContent.formDownloads
, include the respective jumplink" instickyNav.anchorLinks
wherever you build the Location page data structure, and update your Location page level templating toinclude @organisms/by-author/form-downloads.twig
! (See PR #587 files) - DP-5307 - Ensure that the images being used for
locationBanner.bgNarrow
are 800x400 as this is now the only image which will render. (See work tracked in massgov/mass PR #1188) - DP-3222/3914 - To use this new heading level config feature, set the optional heading levels for page patterns where you implement page level templating. (See work tracked in massgov/mass PR #1157)
- DP-4313 - To remove the logo from your Service page implementation, simply do not send data in
introSidebar.logo
wherever you do your page level data structuring for this page type. (See PR #596 files) - DP-4858 - To remove the visual DRAFT status from your Decision page implementation, simply do not send data in
pageHeader.publishState
wherever you do your page level data structuring for this page type. (See PR #597 files) - DP-5234/DP-5177 - We did our best to make these updates backwards compatible, which should mean that you don't need change anything. You can check PR #571 for details and also track tests for Mass.gov in PR# 1386
- Github #565 - Delete
styleguide/npm_modules
and runnpm install
- DP-5466 - Users can now enter in a zip or town in the town/zip location listing filter and press enter (i.e. without selecting an item from the autocomplete dropdown) AND select an autocomplete item from teh drop down to sort locations.
- DP-5466 - Users can now enter in a zip or town in the town/zip location listing filter and press enter (i.e. without selecting an item from the autocomplete dropdown) to sort locations.
- DP-4730 - Users will now notice there is now an option to render an Event page with an end date. (PR #566)
- DP-4881 - The Press release page now renders with (optional) subtitle content. (PR #556)
- DP-3235 - Screen reader users are now informed of the download link file size. (PR #522)
- DP-3234 - Screen reader users are now informed of a page's category (i.e. Decision, Regulation) in the context of the page title. (See also
@organisms/by-template/illustrated-header
, PR #509) - DP-3232, 1369 - Screen reader users can now associate key actions link content with their respective heading content. Also, there is now a variant to the Comp heading which renders styled as a Sidebar Heading. (PR #518)
- DP-5175 - A "more" link will now render on different sections of Service and Service Detail pages. (PRs #570, #551)
- DP-4591 - A "learn more" link has been added to the contact us molecule, as seen on How-To pages which can provide a link to learn more about an organization referenced by a contact. (PR #542)
- DP-4508 - A new component (content eyebrow) i.e. "relationship indicators") has been created and added to pages that use illustrated header (i.e. guides) and page banner (i.e. topic pages and services). (PR #539)
- DP-3909 - Tabular data (i.e. Fees) can now have an optional text description, as seen on the How-to page. (PR #538)
- DP-4211 - We created a new iframe pattern. (PRs #510, #574)
- DP-1900 - Contact address "Directions" (i.e. in page header organism as seen on Location Pages links now remain on one line; fixed for Firefox browser. (PR #543)
- DP-3189 - The details of a piece of contact information (i.e. the hours of operation for a phone number) are now easier to read (i.e. stronger, italics removed). (PR #512)
- DP-4311 - The content for the Org. Landing Page "finder" subheadings in Mayflower are now service-oriented (PR #540)
- DP-4103 - Card titles on Topic page cards are now properly aligned when using the IE 11 browser. (PR #526)
- DP-3195 - Visitors navigating using a keyboard will have an easier time keeping track of their cursor focus through the main navigation pattern. (PR #495)
- DP-4195 - When a visitor uses Google translator the callout links boxes will render correctly. (PR #535)
- Fix typos and adhere to style guide (PRs #549, #563, #562, #561, #560).
- DP-4877 - Vertical spacing between multiple signees for press release has been increased. (PR #555)
- DP-3228 - Accordion functionality (as seen in Emergency Alerts and mobile Section Links now properly announce their open/closed state to screen reader users. (PR #499)
- DP-5394 - Location listings functionality works in IE11 (PR #580)
- DP-4480 - The filter for the action finder has been removed (as seen on Service pages). Soon, when there are +6 links, "More" links will render to replace this functionality. (PR #536)
- DP-4730 - To use this new end date feature, update
@molecules/event-teaser.twig
by adding theraw|nl2br
filters to theeventTeaser.date.summary
variable as seen in PR #566. - DP-3235 - To use this new accessibility feature, update
@molecules/download-links.twig
with the visually hidden span element as seen in PR #522. - DP-3234 - To use this new accessibility feature, update
@organisms/by-tempate/page-header
,@organisms/by-template/illustrated-header
with visually hidden span and aria-hidden attribute; and populate theprefix
orcategory
variable as seen in PR #509. - DP-3232, 1369 - To use this new accessibility feature, populate the
keyActions.compHeading.id
variable and add the 'aria-labelledby' property to@organisms/by-author/key-actions
as seen in PR #518. To use the new feature which renders a sidebar setcompHeading.sidebar
totrue
and add the conditional block to the top of@organisms/by-author/key-actions
as seen in PR #518. - DP-3195 - To use this new accessibility feature, add the tabindex to the @molecules/main-nav pattern as seen in PR #495.
- DP-4195 - To get this fix, update
@molecules/callout-link
as seen in PR #535. - DP-5175 - To get this new "more" link functionality for link list and form downloads, populate the
linkList.more
andformDownloads.more
variables and update the@organisms/by-author/link-list
and@organisms/by-author/form-downloads
templates as seen in PR #551. - DP-4591 - To use this new contact us "learn more" link functionality, populate the
contactUs.decorativeLink
variable and update@molecules/contact-us
as seen in PR #542. - DP-4508 - To use this new component, populate the
contentEyebrow
variable and create@organisms/by-template/content-eyebrow
as seen in PR #539. - DP-3909 - To use this new description feature, populate the
tabularData.description
variable and update@organisms/by-author/tabular-data
as seen in PR #538. - DP-3228 - To use this accessibility fix, update the
@molecules/button-alert
@organisms/by-template/emergency-alerts
and@molecules/section-links
patterns as seen in PR #499.
- For developers - update the deploy script to not require an asset path by default for a prod or fork deploy and to not set the default to mayflower/assets for prod releases.
- DP-4181 - Folks browsing through the repository will notice new documentation which explains how to get set up, develop, and make other contributions to Mayflower! This documentation is linked from the shiny new repo readme. (PR #532)
- DP-4053 - Developers can now follow a documented build + deploy process to ship their code to their own GitHub Pages where their work can be seen and tested! This documentation is linked from the shiny new repo readme. (PR #530)
- DP-4046 - The change above is possible because we can now host Mayflower from a subdirectory (i.e. .github.io/mayflower)! (PR #503)
- DP-4080 - Developers, reviewers, and release managers can (and should!) now follow documentation on Semantic Versioning as it applies to Mayflower. This means we have guidelines to help reviewers understand what kind of change the code they are reviewing is and to help release managers understand what kind of version of Mayflower they are releasing. This documentation is linked from the shiny new repo readme. (PR #504)
- We documented all the things! Well, almost all. :) Check out patterns used on Service, How-To's, Guides, Locations, Topics, and Events and prepare ready to be informed! (Remember you can navigate to child patterns by clicking links down in the "Lineage" section.) More goodness coming soon. (PRs #521, #523, #524, #527, #529, #533)
-
Outside contribution from @sghoweri - Developers will notice that we now use a fork of Pattern Lab maintained by a Drupal Pattern Lab GitHub organization, with hopes of innovating, and iterating on Pattern Lab and merging changes back upstream to the main Pattern Lab fork.
This also allows us to see pattern inheritance: browse to a pattern, click the cog icon in the top-right corner, click show pattern info, and see where else patterns are used and which child patterns a given pattern contains. (PRs #488 and #519) Thanks Salem!
-
Outside contribution from @evanlovely - Developers will notice an improvement to the automatic build + browser reload during local development. (PR #506) Thanks Evan!
-
Developers will notice standardization on a pattern for writing pattern modification classes, this accounts for nearly all of the backwards-compatible
.twig
changes in this release. -
Developers and implementers will notice that
@molecules/footnote
now has an option to render as plain text (as seen in Mass.gov Regulation pages, etc.) (PR #541) -
Contribution from our very own @meghandavis - See that typo on the Press Listing page? Nope. That's because it's fixed! Thanks Meghan!!
- DP-4603 - For developers, the
phing deploy
task which circle kicks off to deploy tomassgov/mayflower-artifacts
no longer writes toenv.js
(since it's been removed) to set a theme path for js. (PR #544) Implementers should do this work in their site codebase. See an example of this at Mass.gov PR #1065
- See note for DP-4603 above for steps to implement this change.
Here comes another Mayflower release, hot off the summertime presses! We've got 2 new page types and lots of little improvements and fixes coming your way.
*JIRA fans can check out the release tickets for more information. *Mayflower project consumers can take a look at PR's below to confirm, make, and test any markup changes introduced by this release prior to updating in production.
- New page type: Board Decisions, which is used for rulings, decisions and opinions issued by agency boards or individuals given the authority to decide specific matters. (@pages/board-decision, See PR #494)
- We've also added an example Form Page to highlight form styles (projects likely implement forms using other services) (See PR #490 - Markup)
- News (@organisms/by-author/press-listing) and events (@organisms/by-author/event-listing) are now surfaced on additional page types (See PR #498 - Markup)
- We've added some keyboard functionality to our google map (@molecules/googlemap) pattern (See PR #489 - JS only)
- We've made the Regulation page type more uniform to other "law" page types (See PR #494 - Markup))
- The short description text on a service detail page banner (@organisms/by-template/page-banner) should render (See PR #493)
- Assistive tech like screenreaders will now read callout stats (@molecules/callout-stats) more naturally (See PR #500 - Markup + CSS)
- Semantic search form (@molecules/header-search) label and placeholder text are more understandable (See PR #485 - Markup + demo content)
In this new minor release, we've introduced two new Law pages: Policy Advisory and Executive Order, along with several improvements and fixes.
*Projects implementing Mayflower should see the release tickets and confirm, make, and test any markup changes introduced by this release prior to updating in production.
- Created a Policy Advisory page type (
@pages/policy-advisory-directive
,@templates/01-content-types/policy-advisory
) used for Directives, Letter Rulings, Administrative Procedures, Opinions, TIRs. (DP-3825) - Created an Executive Order page type (
@pages/executive-order.twig
, touched@molecules/image-promo.twig
,@molecules/listing-table.twig
) (DP-3829)
- We now have a medium icon (
@atoms/05-icons/svg-medium
) available for patterns like the social media link lists (DP-3495) - News items can now have an optional featured image (
@templates/01-content-types/press
) (DP-3831) - Detail page (for service, how-to, location -
@pages/detail-for-service-howto-location
) has been updated: removed key actions, added video (@atoms/09-media/video
) and map (@organisms/by-author/mapped-locations
) (DP-3891)
- We've made "Directions" link text (
@molecules/contact-group
) more helpful for screen readers (DP-3227) - Callout alert links (
@organisms/by-author/callout-alert
) are now more semantic and accessible (DP-3236) - The "Go to class Mass.gov" link no longer overlaps with the skip-to link (
@organisms/by-template/header
) for keyboard users (DP-3191) - Sticky nav links (
@molecules/sticky-nav
) for location and location detail pages are now consistent (DP-3822) - Inactive (i.e. clickable) sort buttons (
@atoms/01-buttons/button-sort
) now appear clickable, like a link (DP-3890) - Homepage > popular searches underline (
@organisms/search-banner.scss
) is now centered (DP-3895) - Background images on illustrated links (
@molecules/illustrated-link
) no longer repeats right edge (DP-4026) - Long text renders in the sidebar correctly (
@atoms/content_link.scss
) (DP-2352) - Page banner images (
@organisms/page_banner.scss
) will scale as large as possible (be zoomed out) to cover the page banner. (DP-4310)
We've added some functionality to the location listings organism (@organisms/by-author/location-listing)! You can sort, filter, and paginate listing results!
Note: The location listing organism is made up of lots of other patterns:
- @molecules/location-filters
- @molecules/results-heading
- @molecules/google-map
- @molecules/pagination
- @organisms/by-author/image-promos
And of course, you can still use those patterns in other components!
In this short-but-sweet minor release we add a new pilot logo to the header, create a new fixed call to action that floats left/right down at the bottom of the page (see: @molecules/floating-action.md
), and fix a pesky bug that was centering many headings that should not have been centered.
To kick June off, there's a new Mayflower minor release. Announcements Listings and Events are the headliners, but lots of improvements make an appearance at the concert too.
For folks that want to see all the notes: https://jira.state.ma.us/projects/DP/versions/14638
- Announcing all the things! Announcement Listing pages cover everything from press releases to speeches. Additionally, content on this page can be filtered by type, agency, topic, and other classifications.
- Event listings and event details for single instance events and those that recur.
- Directions link now appears after clicking on map pins
- All available activities at a location are now listed on Location pages
- Video description/transcript page has been added
- "Your Government" version of Topic pages now exist
- The main menu (at the top of all pages) is much more accessible with improved ordering if you're tabbing between links.
- Consistent spacing between patterns has been added.
- Southbridge location page had its banner coursel replaced with a banner image and Google map.
- Coloring and spacing fixes on the homepage.
- Wording and width adjusted on guides.
- Adjustments to the Location page, with some items removed (quick actions, breadcrumbs, wait times) and added (key actions, contact list).
- Key actions added to Location Park page.
- Details content type is more adaptive to different screen sizes.
- Small label/text changes and other tiny adjustments on Org, G2G, Section Landing, Topic Transition, Helpful Links, Service, Location, and Event Listin pages.
Sometimes you have to break a few eggs to make an Omlette. For our next major release (5.0), we're introducing a new Announcement page type and had to change some existing code in progress.
Note: This bump from 4.* to 5.* is considered a major release, which means all of our friends who make their sites Mayflowery with this code should read on and integrate locally before updating anything in production. If you're interested, you can see our integration test steps for Drupal in this google doc.
If you'd like to see the tickets in JIRA:
- Mayflower now has a new Announcement Content Type and Page
- Page Header a. Added Category field b. Added Social Icons pattern
- Linked List a. removed v3.5 compatibility code b. Added optional eyebrow and date elements
- Personal Message (breaking change) a. updated styling, html, json (Pilot version) to match designs for Announcement page
- Footer (breaking change) a. Change data variable for socialLinks to footerSocialLinks b. moved custom styling for social links into the footer.scss file
- Social Links a. Added optional label b. Added data attribute to record type of social icon (for JavaScript)
- SVG Social icons a. now have a default color (fill value set on the path)
- Header Tags (breaking change) a. Changed label to use JSON content
- Image Promo a. Added missing height and width variables to image data b. Using image atom instead of img tag.
- Video a. width and height variables were not coded correctly
If you'd like to read about these changes in JIRA:
- DP-2956 - [mf] Update "Pages" names on Mayflower to reflect internal language
- DP-2977 - [dev] Locations not displayed on service page
- DP-2981 - [mf] Fix style for time callout and downloads area in Guide sections
- DP-2983 - [mf] Sidebar headers appear when there is no sidebar information.
- DP-3077 - [MF] G2G Color Styles
We have a new color scheme for Gov to Gov pages and patterns! Take a look under the new Pages > G2G dropdown! Bonus: if you're on a different page, you can switch over to the G2G theme by typing "cranberry" into the header search and clicking "submit". :) (do this again to get back to the regular theme)
We updated the page patterns (see the Pages dropdown) to match our more generic page type names
As part of this release we fixed a few issues.
- We fixed a bug where some addresses with special characters weren't showing up on maps.
- Time callouts and downloads are now aligned with the rest of the page content, even when there is no sidebar content on the page or page section
- We should no longer see any sidebar widget markup when there is no content for them.
If you'd like to read about these changes in JIRA:
- DP-2042 - [Pattern Lab] Location Listings
- DP-2078 - [dev] Update Interstitial Page Code
- DP-2400 - [a11y] Add more context to the linked text "Log in to..."
- DP-2693 - [dev] Update template to remove arrow in Activities
- DP-2734 - [Pattern Lab] Regulations
- DP-2853 - [dev] Contact section appears even when there is no additional contact added.
- DP-2963 - [Pattern Lab] Update color variable names
- DP-3094 - [mf] Update "Service Detail" page to match inputs on build specs
- DP-3149 - [mf] - Ordered Steps - remove number if only one step
- DP-3151 - [mf] - Rich Text - nested ordered list
- DP-3152 - [mf] - Image Promo - optional description
- DP-3155 - [mf] - Location Filters - Refactor layout to accommodate more tags
- Ahem... introducing the latest page type to our family: Regulation Details! (Pages > REG 930 CMR 6). This is a great page type to use to make it easy to read information regarding a specific regulation.
- Wait there's more... We also created a new Service Detail Page (Pages > Service Details). Services might give you the top level information, but this is where the real information is for a specific service.
- We've revisited how we named our Sass color variables. Instead of using $c-theme-blue for example we are now using $c-theme-primary. This update will make it easy for others to create new color schemes for the Mayflower Patterns.
- The Location Listing page (Pages > Map listing human services) has been updated from the MVP version to the final version. The Filters area was expanded to include additonal choices. The Results area was updated to include tags to show which filters are currently being applied along with pagination. The Results are also using a newer design that highlights the active or hovered location and makes the corresponding map marker bounce.
- For the Image Promo pattern, we've changed the description from being a required field to being an optional field.
- After testing the transition page with low to no vision users, we identified that changing the message from a paragraph to an H1 tag was an added benefit.
As part of this release we fixed a few issues.
- If a location didn't have any additional contacts the right rail contact us pattern was still showing the "Contacts" heading. This pattern has been updated to check if it has contacts before rendering any html.
- The Image Promo pattern was updated to check to check if the read more link has a "text" value before adding that link to prevent an empty link from being added.
- When an Ordered Step pattern was added to a page with only one step, the number icon was still being shown and the html was being read as a list of one. This pattern now checks the length of steps to render and only renders it as a numbered list if there are multiple steps. Otherwise it just outputs a single Action Step item.
- When a nested ordered list was added to a Rich Text pattern, the nested list items were also being rendered as numbers. We've updated this to render letters instead.
- The utility nav was having issue with accessibilty trying to understand the "login to..." link found in the utility nav. A hidden element has been added to the link to provide more information that screen readers can see.
Mayflower turns 4.0.0! Oh man. We've been in the lab creating a new page type called How-To (formerly known as Action) and we've got lots of other candies updates and peeps goodies packed in to this easter basket release. :)
Note: This bump from 3.* to 4.* is considered a major release, which means all of our friends who make their sites Mayflowery with this code should read on and integrate locally before updating anything in production. If you're interested, you can see our integration test steps for Drupal in this google doc.
If you'd like to see the tickets in JIRA:
- Goodbye Action and hellooooooo How-To page. Give her a spin at
Pages > HOWTO Unemployment
. - That same left sticky nav that we all know and love in a How-To (Action) page is now it's own component. ;) See
Molecules > Sticky Nav
- We've got a nifty new list of contacts that can optionally be collapsed / expanded in an accordion, like in the main column of a How-To. See
Organisms > By Author > Contact List
- Since we were using it on a couple different page types, we created a Details template that contains the meat (or tofu) of the content area for How-Tos and Locations (they're similar in layout - remember right rail?!). See
Templates > Content Types > Details
- We now have a mobile-friendly pattern for data tables! This new component displays as a table on wide screens and as a list on narrow screens. See
Organisms > By Author > Tabular Data
- and remember you can change display size in pattern lab to see it change layout!
- We've renamed the Action Activities component to Image Promos (See
Organisms > By Author > Image Promos
). This is a list of image promo molecules (SeeMolecules > Image Promo
) that we see on location pages as recommended activities and on map listing pages. - The Action Sequential List molecule has moved up in the world. It's now called Steps Ordered and it's an organism! This is the pattern that lists steps displayed as a numbered list. See
Organisms > By Author > Steps - Ordered
- Similarly, the Action Steps organism is now called Steps Unordered and it's got a new look! This lists steps displayed as accordions that you can collapse and expand. See
Organisms > By Author > Steps Unordered
,Molecules > Action Step
(with lots of variations!) - We've made our downloads organism more flexible with an optional heading. This allowed us to remove the Action Downloads molecule. We updated this new organism name to Form Downloads (replacing Form Download -- See
Organisms > By Author > Form Downloads
). Finally, this organism includes several singular download link molecules. SeeMolecules > Download Link
. - Finally, our Page Header organism (See
Organisms > By Template > Page Header
) is shiny like new! It's still got the title and divider, but now you can also add some optional components to the sidebar (widgets) or under the Title and Sub Title (optional contents). You can see this flexible pattern in action on the Org Page (Pages > Org Landing Page
) -- it's all the content in white in between the page banner (title/image) and the action finder (What would you like to do?).
In this release of Mayflower, we're just stitching together a little patch with some TLC for the Topic page and also improving our accessibility.
Please feel free to check these tickets out in JIRA:
- DP-2399 The site name is not announced correctly in Voiceover
- DP-2401 The close button is announced as "close plus".
- Github #398 JavaScript Type Errors
- The site logo now introduces itself more accurately, as Mass.gov (instead of Mass gov which was mistaken for Mass Governor), to screen readers and other machines.
- The nifty little "X" icon found on "close" buttons (think utility nav dropdown or mobile accordions for sub headings and cards) are now safely ignored by screen readers, since we already use text to describe the button.
- We squashed a pesky javascript bug that might have been preventing other javascript from running on the site. (perhaps functionality for a video or map wasn't loading)
We've updated the topic page!
If you'd like to read about this changes in JIRA:
- DP-2117 - [pattern lab] Topic Page Updates
- We've updated the Topic page! (Pages > Topic State Parks and Recreation) - and we're talking more than just a new name (no more L1's here!):
- The new header layout includes a a spot for a description and a nifty new image size.
- We've introduced some new variations to the card component (Molecules > Section Links) on the Topic Page:
- You can now choose between regular links (by default) or callout links (Molecules > Section Links Callout Links). This will help to call out How-To's and tasks associated with a service on a given topic page.
- For those times when we don't want to fill the card up with too many links but we want people to know there are more goodies, we've add an optional more link to the bottom of the card.
If you'd like to read about these changes in JIRA:
- DP-2114 - [pattern lab] Service Page
- DP-2181 - Update Guide Page in Mayflower
- DP-2206 - Implement org page level structured data json+ld object in Mayflower
- DP-2569 - Change header in Service page
- DP-2471 - Mayflower: guide section with all possible elements
- Ahem... introducing the latest page type to our family: Services! (Pages > Service Unemployment Benefits). This is a great page type to use to help surface tons of information related to services, including: branding information, instructional videos, links to how-to's, location information listings, etc.
- We're making Org Landing Pages (Pages > Org Landing Page) more machine and search friendly by adding a Government Organization structured data pattern (Meta > Schema > Government Organization) to the bottom of the page markup.
- For Mayflower implementers, we've created an example Guide page which shows all of the possible elements that can go into a Guide section (Pages > Guide Section Example)
- We've revisited the guide page with some updates. We've consolidated the formerly 3 guide pages into one shiny new guide page with just those components that our content friends have identified as being pertinent:
- removed the testimony component
- alerts links are now optional
- section key agencies are now optional
- the related guides show the guide card treatment as opposed to the related pages image thumbnail treatment.
- DP-1307 - Display spacing issue in Agency Links area on subtopic (L2) pages
- DP-1734 - Word "Unemployment" not resizing correctly on Subtopic page on iPhone 5
- DP-1838 - Standardize on one icon for both internal and external links
- DP-1853 - Related Things - topics do not have the correct icon
- DP-2095 - SVG icons not being added properly to Rich Text links
- DP-2104 - Implement thumbnail scaling in PatternLab
- DP-2109 - Print Styles - Go to Classic Mass.gov appears at the top of every page, hiding text.
- DP-2110 - Print Styles - In Firefox, the Featured Topics menu has inches of margin on top and bottom
- DP-1370 - The keyboard focus on the "yes" and "no" radio buttons is barely visible on feedback form
- DP-1795 - Implement HIGH PRIORITY accessibility fixes from accessibility vendor SEE SUBTASKS
- DP-1849 - On location page, there are multiple links labeled "directions"
- DP-1878 - Fix focus when navigating by keyboard
- DP-1880 - Change focus style of "Go to classic Mass.gov" to be more visible
- DP-1881 - Focus indicator in top nav dropdowns is not visually clear enough
- DP-1893 - Modify alert show/hide code to use ARIA expanded
- DP-1995 - CLONE - Addresses in Contact Groups not showing all line breaks
- DP-1434 - Update location and design of feedback form
- Reset the gulp copy task to include the svg files
- DP-1653 - Implement static MVP Map page in Patternlab
- DP-1670 - Remove static label "Guide:" from illustrated link
- DP-1673 - Size of cards varies in common actions, using Safari browser
- DP-1731 - Location icon cut off on home page on mobile
- DP-1763 - Stacked Row Icon Links - Text wrapping issue
- DP-1848 - Related Things - allow for org partners to highlight one or two actions
- DP-1996 - Google translate is only showing in Chrome & Safari browsers
- DP-2040 - Update language in Patternlab on Location Row
- DP-1434 - Update location and design of feedback form
- DP-691 - Implement Google Translate in Pattern Lab
- DP-981 - PatternLab - Refactor header contact us
- DP-1535 - Modify topic nav in Pattern Lab in keeping with touch / desktop design update
- DP-1759 - Implement Location Row on Org Page in Patternlab
- DP-1737 - Key Actions - illustrated links don't grow in height
- DP-981 - PatternLab - Refactor header contact us
- DP-1264 - Header - Adding Back to Classic MG button
- DP-1264 - Patch for generalizing utility nav panels.
- DP-1367 - The "Top" button does not move keyboard focus to the top of the page.
- DP-1554 - The social media icons in the footer do not have appropriate alternative text.
- DP-1374 - The state of the Common Actions dropdown menu is not conveyed to screen readers.
- DP-1270 - Implement the structure data markup for location page type to mayflower
- DP-1521 - Interstitial page not displaying when clicking on common actions & guide links for topic and subtopic pages
- Fixes bump version bug
- DP-1103 - Implement default file/download icon in Patternlab
- DP-976 - Implement topic funnel icons in Patternlab
- DP-686 - Design print styles for location pages
- DP-671 - Design print styles for organizational pages
- DP-644 - Design print styles for guides
- DP-658 - Design print styles for How-to pages
- DP-1267 - Implement the structure data markup for page elements to mayflower
- DP-787 - Create Park Icons for Park Types, Activities, Users
- DP-1278 - [Action] Link & text alignment issue in action steps
- DP-1312 - Activities Paragraph shows link icon when there is no link
- DP-1279 - Spacing issue between numbered steps & rich text field
- DP-1521 - External links under jclickable containers were not firing the interstitial js
- DP-708 - Implement Organization Page in PatternLab
- DP-867 - FE - Action Finder
- DP-874 - FE - Org: Implement Header
- DP-671 - Design print styles for organizational pages
- DP-644 - Design print styles for guides
- DP-686 - Design print styles for location pages
- DP-658 - Design print styles for How-to pages
- DP-712 - Handle Stacked Row Optional Header Image variants
- DP-821 - Ensure that link chevron is never bumped to a new line
- DP-980 - Update handicap icon in Patternlab
- DP-730 - Implement footer in Pattern Lab
- DP-796 - Implement MVP Header - Utility Nav in Patternlab
- MGRP-339 - FE: Homepage build-out
- MGRP-304 - FE: Homepage - Multi-row template - refactor
- MGRP-311 - FE: Updated Header
- MGRP-302 - FE: Org - Action Finder - enhance
- MGRP-300 - FE: Org - Icon Links
- MGRP-312 - FE: Section Divider
- MGRP-305 - FE: Org - section three up
- MQA-81 - [L2] - 'Featured' and 'All actions & guides' should be headers
- MGRP-290 - Vertically Align Callout links
- MGVDU-141 - Design print styles for How-to pages
- MGVDU-438 - Design print styles for location pages
- MGVDU-439 - Design print styles for guides
- MGRP-258 - Updated Pattern Lab Documentation (molecules)
- MGRP-344 - FE - Update rich text image to allow captions and different classes.
- MGVDU-448 - Pilot Header update
- MQA-23 - Links in the body are turning into a weird display
- MQA-62 - Pilot Homepage Header on mobile has wrong coloring
- MQA-65 - Opening the Common Actions menu in mobile also opens the common actions section on the pilot homepage
- MQA-67 - Cannot collapse Common Actions when open in menu in mobile
- MQA-74 - [action page] - ma__page-header__sub-title is marked-up wrong
- MQA-84 - [Action] - Contact markup headings are non-semantic
- MGVDU-202 - Action Finder - entire action item should be clickable
- MGVDU-354 - FE Dev - RTE columns - refactor
- MGVDU-357 - FE Dev: Action Steps - refactor
- MGRP-278 - FE Dev: Emergency alert bar
- MGRP-258 - Updated Pattern Lab Documentation (atoms)
- MGVDU-253 - Front end: 404 page
- MGVDU-256 - Front end: 403 page
- MGVDU-259 - Front end: 500 page
- MGVDU-269 - Site Settings (utility nav) language dropdown
- MGVDU-283 - FE Dev: Location Banner - swap stacking order
- MGVDU-312 - FE Dev - Contact Group - refactor address
- MGVDU-313 - Firefox text wrapping bug on Related Topics section on some but not all pages
- MGVDU-216 - FE Dev: Guide Page - Header Banner
- MGVDU-217 - FE Dev: Guide Page - Action Steps
- MGVDU-218 - FE Dev: Guide Page - Guide Sections
- MGVDU-270 - FE Dev: Guide Page - Jump Links
- MGVDU-271 - FE Dev: Guide Page - Callout Alert
- MGVDU-272 - FE Dev: Guide Page - Download Forms
- MGVDU-293 - FE Dev: Guide Page - Callout Time
- MGVDU-294 - FE Dev: Guide Page - Key Actions
- MGVDU-295 - FE Dev: Guide Page - Suggested Guides
- MGVDU-296 - FE Dev: Guide Page - Sidebar title
- MGVDU-300 - FE Dev: Guide - Rich Text 3 up
- MGVDU-88 - Page Discourse Component - using rich-text component instead
- MGVDU-278 - FE Dev: Breadcrumbs - collapsable
- MGVDU-138 - FE Dev: Modifications to Location/Action page: Multiple contacts
- MGVDU-287 - FE Dev: Alert Bar - Hides globally
- MGVDU-273 - Need fax icon for action page
- MGVDU-282 - Remove Javascript autopopulation of Quick Actions on Location page
- MGRP-154 - Callout Link - bottom margin
- MGRP-156 - Email link doesn't wrap.
- MGVDU-172 - Component: Hero Banner Carousel (Location Page)
- MGVDU-204 - FE Dev: Location - Wait Time Indicator
- MGVDU-203 - FE Dev: Location - Icon Indicators
- MGVDU-210 - FE Dev: Location - updated page header
- MGVDU-212 - FE Dev: Location - suggested pages
- MGVDU-213 - FE Dev: Location - inline gallery
- MGVDU-214 - FE Dev: Location - Action Activities section
- MGVDU-88 - Page Discourse Component
- MGVDU-275 - FE Dev - Basic Content - side bar Promo
- MGVDU-278 - FE Dev: Breadcrumbs - collapsable
- MGVDU-220 - FE Dev: Image credit component
- MGVDU-120 - FE Dev: Modifications to Action page: Image / diagram
- MGVDU-118 - FE Dev: Modifications to Action page: Sequential Lists
- MGVDU-119 - FE Dev: Modifications to Action page: Map
- MGVDU-137 - FE Dev: Modifications to Action page: OR Lists
- MGVDU-139 - FE Dev: Action Page Header
- MGVDU-174 - Component: Location Hero Banner
- MGVDU-171 - Component: Alert
- MGVDU-175 - Component: Upcoming Events
- MGVDU-87 - Feedback Form
- MGVDU-53 - FE Dev: L0 Page (contains sub tickets)
- MGVDU-54 - FE Dev: L1 Page
- MGVDU-55 - FE Dev: L2 Page (contains sub tickets)
- MGVDU-56 - FE Dev: Pilot homepage (contains sub tickets)
- MGVDU-115 - FE Dev: Quick Action Component
- MGVDU-114 - FE Dev: Action Page - tabular data
- MGVDU-106 - FE Dev: Action Page - checklist
- MGVDU-116 - Responsive RTE Video
- MGVDU-139 - Action Page Header Update
- MGVDU-117 - Forms/Downloads
- MGRV-89 - Related Contact Call-Out
- MGRV-88 - Task Detail Section
- MGRV-90 - Related Task Call-Out
- MGRV-92 - Breadcrumbs
- MGRV-91 - Task Detail Header
- MGRV-38 - Header plus navigation
- MGRV-51 - Global Styling for elements
- MGRV-39 - Footer
- MGRV-66 - Breakpoints (mobile desktop flow)
- MGRV-37 – Create Github Repo
- MGRV-40 – Setup Pattern Lab
- MGRV-42 – Setup Gulp
- MGRV-41 – Review 18F standards
- MGRV-45 - Create base styling (normalize, typography, RTE)
- MGRV-44 - Create partial sass files (colors, fonts, mixins)
- MGRV-46 - Populate asset folder with icons used (generate SVG sprite)
- MGRV-47 - setup up Web-Based Styleguid outline and scaffolding
- MGRV-50 - Setup dev environment