Fix of display of filters on WINS page

[roslynwythe]

Overview

We need to restore the original "drop-down" Role and Team filter menus on the WINS page, which have changed due to recent updates to a shared SCSS file. The original SCSS classes will be restored with new names and the HTML will be updated accordingly.

Action Items

• Checkout the gh-pages branch then run git reset --hard 70288eaed010f0a996132113c96588e27c7ea2fa in order to restore the original version of the SCSS file in the working directory tree.
• Make a copy of _sass/elements/_dropdown_filters.scss named _sass/elements/_old_dropdown_filters.scss
• Restore the current gh-pages using git pull upstream gh-pages then create an issue branch
• Add an @import statement to _sass/main.scss so that the new SCSS file is included in the site's CSS
• In _sass/elements/_old_dropdown_filters.scss, prepend "old-" to the beginning of each class.
• Update the HTML in _includes/ wins-filter-template.html to reference class names with the "old-" prefix.
• Using Docker, test the WINS page locally to ensure that its appearance matches the screenshots shown below in the Resources section at mobile and desktop screen widths, and that the filters are functional at mobile and desktop screen widths. Check the Projects and Home Pages as well to ensure that the appearance and functionality of the Project filters has not changed.

Resources/Instructions

Original appearance of the WINS page (tablet/desktop screen widths)

Original appearance of the WINS page (mobile screen width)

Current appearance of the WINS page on page load (after PR# 4280) tablet/desktop screen widths

Current appearance of the WINS page on page load (after PR# 4280) mobile screen widths

• SCSS classes for styling the drop down menus are stored in _sass/elements/_dropdown_filters.scss
• HTML markup for the drop down menus is stored in _includes/wins-page/wins-filter-template.html
• WINS page live | on GitHub code repository
• Projects page
• Changes to the original SCSS classes can be found in Projects filters 3744 #4280