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. 48fde82c72/public/javascripts/govuk/details.polyfill.js (L90)
This commit is contained in:
Chris Hill-Scott
2016-10-12 15:25:35 +01:00
parent ee8ac59d70
commit c13f1aa5d1
2 changed files with 17 additions and 14 deletions

View File

@@ -19,6 +19,7 @@
}
&-meta {
display: block;
color: $secondary-text-colour;
}