Fix API log page in Firefox

The details of each notification were not being hidden on page load in
Firefox.

Firefox does not natively support the `<details>` element, so we
polyfill it.

Because of the way the polyfill is written[1]

1. There can’t be any `<div>` elements inside the `<summary>` (this
   commit changes them to be `<span>`s instead, and adds CSS to make
   sure they wrap as before)
2. The contents to be shown/hidden must be wrapped in a `<div>` (which
   this commit adds)

***

1. https://github.com/alphagov/govuk_elements/blob/48fde82c721917feed3b7cf9b655e41fcddb3f49/public/javascripts/govuk/details.polyfill.js#L90
This commit is contained in:
Chris Hill-Scott
2016-10-12 15:28:38 +01:00
parent ee8ac59d70
commit c13f1aa5d1
2 changed files with 17 additions and 14 deletions
+1
View File
@@ -19,6 +19,7 @@
}
&-meta {
display: block;
color: $secondary-text-colour;
}