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

Fix the summary arrow in recent Firefox #227

Merged
merged 3 commits into from
May 20, 2016
Merged

Conversation

robinwhittleton
Copy link
Contributor

@robinwhittleton robinwhittleton commented May 19, 2016

This is a pretty hacky fix so I’ve tried to describe it as accurately as possible in the comments. It can be removed if either of the following happens:

  • Mozilla fixes their summary arrow with display: inline-block
  • Mozilla remove their support for @-moz-document

Fixes #221

This is a pretty hacky fix so I’ve tried to describe it as accurately as possible in the comments. It can be removed if either of the following happens:

* Mozilla fixes their summary arrow with display: inline-block
* Mozilla remove their support for @-moz-document

Fixes #221
@robinwhittleton
Copy link
Contributor Author

What does everyone else think. Worth adding?

@robinwhittleton
Copy link
Contributor Author

Hang on, that breaks in older versions of Firefox. Will revise.

Older Firefoxes still use the polyfill, and so don’t want display: list-item. The JS sets a tabindex attribute, so we can infer that the native version won’t have that.
@csswizardry proposed a shame.css convention (http://csswizardry.com/2013/04/shame-css/). This hack certainly merits starting one for elements.
@gemmaleigh
Copy link
Contributor

I've tested this in Firefox Developer Edition and it works nicely, screenshots below.

What is currently in master:

screen shot 2016-05-20 at 11 32 29

This branch:

screen shot 2016-05-20 at 11 34 00

thanks @robinwhittleton 👏

@gemmaleigh gemmaleigh merged commit 51d8586 into master May 20, 2016
gemmaleigh added a commit that referenced this pull request May 25, 2016
# 1.2.0

- Add MIT License (PR #236)
- Create latest release branch as an alias of the latest release (PR
#232)
- Create new app to preview govuk elements sass releases (PR #219)
- Fix the summary arrow in recent Firefox (PR #227)
- Remove button padding overriding the govuk_frontend_toolkit (PR #230)
- Don't copy the govuk_frontend_toolkit's images into an icons folder
(PR #223)
- Fix path for rails and node environments (PR #234)
  - Import the govuk_frontend_toolkit url-helpers partial
  - If image-url is not defined (if we are not in a Rails environment),
then set a path to /public/images
gemmaleigh added a commit that referenced this pull request May 25, 2016
# 1.2.0

- Add MIT License (PR #236)
- Create latest release branch as an alias of the latest release (PR
#232)
- Create new app to preview govuk elements sass releases (PR #219)
- Fix the summary arrow in recent Firefox (PR #227)
- Remove button padding overriding the govuk_frontend_toolkit (PR #230)
- Don't copy the govuk_frontend_toolkit's images into an icons folder
(PR #223)
- Fix path for rails and node environments (PR #234)
  - Import the govuk_frontend_toolkit url-helpers partial
  - If image-url is not defined (if we are not in a Rails environment),
then set a path to /public/images
robinwhittleton pushed a commit that referenced this pull request May 26, 2016
# 1.2.0

- Add MIT License (PR #236)
- Create latest release branch as an alias of the latest release (PR
#232)
- Create new app to preview govuk elements sass releases (PR #219)
- Fix the summary arrow in recent Firefox (PR #227)
- Remove button padding overriding the govuk_frontend_toolkit (PR #230)
- Don't copy the govuk_frontend_toolkit's images into an icons folder
(PR #223)
- Fix path for rails and node environments (PR #234)
  - Import the govuk_frontend_toolkit url-helpers partial
  - If image-url is not defined (if we are not in a Rails environment),
then set a path to /public/images
- Fix the skip link in Safari (PR #225)
@robinwhittleton robinwhittleton mentioned this pull request May 26, 2016
@gemmaleigh gemmaleigh deleted the firefox-summary-arrow branch June 2, 2016 12:30
joelanman pushed a commit to joelanman/govuk_elements that referenced this pull request Jun 13, 2016
# 4.5.0

- Find and auto-start JavaScript modules from markup:
`data-module="module-name"`(PR alphagov#227)

# 4.4.0

- Add helpers partial for functions
- Add px to em function and documentation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants