Skip to content

Copyright notice footer block is constrained to 25% width if there's no other footer content. #339

@danchamp

Description

@danchamp

If there's content in the footer Copyright notice field, and no content in Footer text blocks 1-4, the copyright notice is constrained to 25% or 50% on larger displays:

Image

This is caused by these rules in footer.css:

@media (min-width: 48rem) {
.region-microsites-footer .lgd-region__inner > .lgd-row:first-of-type > * {
flex: 0 0 calc(50% - var(--grid-column-spacing));
}
}
@media (min-width: 60rem) {
.region-microsites-footer .lgd-region__inner > .lgd-row:first-of-type > * {
flex: 0 0 calc(25% - var(--grid-column-spacing));
}
}

This is a potential fix but there's probably a more elegant solution:

@media (min-width: 48rem) {
  .region-microsites-footer .lgd-region__inner > .lgd-row:first-of-type:not(:has(.microsite-footer__copyright)) > * {
    flex: 0 0 calc(50% - var(--grid-column-spacing));
  }
}
@media (min-width: 60rem) {
  .region-microsites-footer .lgd-region__inner > .lgd-row:first-of-type:not(:has(.microsite-footer__copyright)) > * {
    flex: 0 0 calc(25% - var(--grid-column-spacing));

  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions