diff --git a/.changeset/yellow-mice-lose.md b/.changeset/yellow-mice-lose.md new file mode 100644 index 00000000000..09eb56c3fed --- /dev/null +++ b/.changeset/yellow-mice-lose.md @@ -0,0 +1,6 @@ +--- +"@rhds/elements": patch +--- + +``: corrected height style when javascript is not available' + \ No newline at end of file diff --git a/elements/rh-footer/rh-footer.css b/elements/rh-footer/rh-footer.css index cdc14bf4382..560d0d41093 100644 --- a/elements/rh-footer/rh-footer.css +++ b/elements/rh-footer/rh-footer.css @@ -8,9 +8,14 @@ display: flex; flex-direction: column; color-scheme: only dark !important; +} - /** Minimum height for the footer when JavaScript is disabled */ - min-height: var(--rh-footer-nojs-min-height, 750px); +/* Should only be applied if scripting is disabled */ +@media (scripting: none) { + :host { + /** Minimum height for the footer when JavaScript is disabled */ + min-height: var(--rh-footer-nojs-min-height, 750px); + } } :host, diff --git a/elements/rh-navigation-primary/rh-navigation-primary.css b/elements/rh-navigation-primary/rh-navigation-primary.css index b50723d1edf..60f90a546ea 100644 --- a/elements/rh-navigation-primary/rh-navigation-primary.css +++ b/elements/rh-navigation-primary/rh-navigation-primary.css @@ -72,7 +72,7 @@ @container navigation-primary (min-width: 576px) { border-block-end-color: transparent; } - + & svg { block-size: 30px; inline-size: 42px; @@ -81,7 +81,7 @@ block-size: 30px; inline-size: 125px; } - } + } & ::slotted(a), & a {