diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss b/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss index 607b564c86..30a6056e27 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss @@ -88,7 +88,7 @@ @include govuk-link-style-inverse; } - .gem-c-organisation-logo__crest--eo { + .gem-c-organisation-logo__crest { filter: brightness(0) invert(1); &:focus { diff --git a/app/views/govuk_publishing_components/components/docs/organisation_logo.yml b/app/views/govuk_publishing_components/components/docs/organisation_logo.yml index 0b4bf4618b..f30c48ae06 100644 --- a/app/views/govuk_publishing_components/components/docs/organisation_logo.yml +++ b/app/views/govuk_publishing_components/components/docs/organisation_logo.yml @@ -75,7 +75,7 @@ examples: name: "Prime Minister's Office,
10 Downing Street" url: '/government/organisations/prime-ministers-office-10-downing-street' brand: 'prime-ministers-office-10-downing-street' - crest: 'no10' + crest: 'eo' office_of_the_advocate_general_for_scotland: data: organisation: @@ -188,7 +188,7 @@ examples: name: "Prime Minister's Office,
10 Downing Street" url: '/government/organisations/prime-ministers-office-10-downing-street' brand: 'prime-ministers-office-10-downing-street' - crest: 'no10' + crest: 'eo' inverse: true context: dark_background: true diff --git a/spec/components/organisation_logo_spec.rb b/spec/components/organisation_logo_spec.rb index 0e360bcc2e..71ce64dfa7 100644 --- a/spec/components/organisation_logo_spec.rb +++ b/spec/components/organisation_logo_spec.rb @@ -76,4 +76,10 @@ def component_name render_component(organisation: { name: "Name", url: "/some-link" }, inverse: true) assert_select ".gem-c-organisation-logo.gem-c-organisation-logo--inverse" end + + it "does not add the --inverse modifier when the inverse option is omitted" do + render_component(organisation: { name: "Name", url: "/some-link" }) + assert_select ".gem-c-organisation-logo.gem-c-organisation-logo" + assert_select ".gem-c-organisation-logo.gem-c-organisation-logo--inverse", false + end end