Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FE | Newsletter sign up #312

Closed
wants to merge 73 commits into from
Closed

FE | Newsletter sign up #312

wants to merge 73 commits into from

Conversation

albinazs
Copy link
Collaborator

@albinazs albinazs commented Dec 3, 2024

Link to Ticket

Description of Changes Made

Todo:

  • white-space: nowrap for the Sign up button (issue with the tablet view)
  • Django forms?
  • content-managed fields and yaml?

How to Test

Screenshots

Expand to see more

image

image

image

image

MR Checklist

  • Add a description of your pull request and instructions for the reviewer to verify your work.
  • If your pull request is for a specific ticket, link to it in the description.
  • Stay on point and keep it small so the merge request can be easily reviewed.
  • Tests and linting passes.

Unit tests

  • Added
  • Not required

Documentation

Browser testing

  • I have tested in the following browsers and environments (edit the list as required)
    • Latest version of Chrome on mac
    • Latest version of Firefox on mac
    • Latest version of Safari on mac
    • Safari on last two versions of iOS
    • Chrome on last two versions of Android
  • Not required

Data protection

  • Not relevant
  • This adds new sources of PII and documents it and modifies Birdbath processors accordingly

Light and dark mode

  • I have tested the changes in both light and dark mode
  • The change is not relevant to dark and light mode

Accessibility

  • Automated WCAG 2.1 tests pass
  • HTML validation passes
  • Manual WCAG 2.1 tests completed
  • I have tested in a screen reader
  • I have tested in high-contrast mode
  • Any animations removed for prefers-reduced-motion
  • Not required

Sustainability

  • Images are optimised and lazy-loading used where appropriate
  • SVGs have been optimised
  • Perfomance and transfer of data considered
  • If JavaScript is needed alternatives have been considered
  • Not required

Pattern library

  • The pattern library component for this template displays correctly, and does not break parent templates
  • The styleguide is updated if relevant
  • Changes are not relevant the pattern library

helenb and others added 30 commits July 2, 2024 14:59
* Add light mode colours
* Resolve issue with mix-blend-mode across light and dark themes for the employee owned icon
* Update styleguide to switch mode as well as theme
* Make the styleguide heading sticky to make it to switch themes when scrolling
* Updates to styleguide theme chooser in light mode
* Update nebuline-20 colour
* Update coral-10 colour
* Update lagoon 10
* Update banana 10
* Add 'unripe banana' colour
* Update green colour
* Nav updates for light mode, and fix footer carbon colour
* Add figma colours screenshots to docs
* Add dark and light mode for team page map
* Always use a dark icon for the instagram gallery
* JS implementation of the site switcher
- The cookie is read on the serverside to avoid a FOUC
- Based on the RNIB implementation
* Update the cookie name to be specific to torchbox
* Don't run the mode switcher and set the cookie on page load
* Add light mode colours for defaults and the coral theme

- Also resolve issue with mix-blend-mode across light and dark themes for the employee owned icon

* Further addition of light mode colours

* further fixes and tweaks for light mode

* navigation styles don't change between dark and light mode, so use color--white for text

* A few more fixes for light mode

* Undo change to default mode for testing

* Update styleguide to switch mode as well as theme

* earth theme will no longer have a buff background colour

* Make the styleguide heading sticky to make it to switch themes when scrolling

* A few more high contrast mode tweaks

* Updates to styleguide theme chooser in light mode

* JS implementation of the site switcher

- The cookie is read on the serverside to avoid a FOUC
- Based on the RNIB implementation

* fix to checked attributes and linting

* Add back-end functionality to update the mode if javascript is disabled

* Added mode switching tests

* fix merge conflict marker

* Fixes to nav text colours after merge

* Update references to 'mode' cookie to be 'torchbox-mode'
* Styling of the site switcher buttons

* Further work on site switcher styling
- Tweak size of site switcher icons
- Re-name a css class
- Re-purpose colour--accent-five to be the inverse highlight for the theme

* Increase the menu breakpoint to accommodate the site switcher

* rename site-switcher to mode-switcher

* Add action to form

* Update icon colours according to the selected radio button

* Styling when js is disabled

* Mobile tweaks, duplicate ids, pattern library fix, accessibility fix

* High contrast mode tweaks

* Update styleguide

* Linting

* don't cache the mode switcher
- Make the intro rich text
- Allow external links in the buttons
- Update validation
- Close the mobile menu when focus moves away from the last item at the top level
- Improve the functionality for closing the desktop menu when focus moves away from the last item
helenb and others added 27 commits July 25, 2024 09:36
* Refactor mode switcher to be a toggle, and update colours
* Improve aria label on mode toggle
# Conflicts:
#	tbx/core/context_processors.py
#	tbx/static_src/sass/config/_variables.scss
@albinazs albinazs changed the base branch from staging to main December 3, 2024 19:12
@helenb
Copy link
Member

helenb commented Dec 5, 2024

@albinazs I had a peak at this - I know it is still draft - can you rebase against main when you get a chance as there are a few changes shown in the diff that I don't think are part of this work?

@albinazs albinazs closed this Dec 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants