diff --git a/creativecloud/blocks/interactive-metadata/interactive-metadata.css b/creativecloud/blocks/interactive-metadata/interactive-metadata.css index 551b43d4a..1d892b469 100644 --- a/creativecloud/blocks/interactive-metadata/interactive-metadata.css +++ b/creativecloud/blocks/interactive-metadata/interactive-metadata.css @@ -265,6 +265,18 @@ } @media screen and (max-width: 600px) { + .marquee.large.interactive-enabled.content-top-mobile .text .body-xl { + order: unset; + } + + .marquee.large.interactive-enabled.content-top-mobile .text p.supplemental-text { + order: 3; + } + + .marquee.large.interactive-enabled.content-top-mobile .text { + order: 1; + } + .aside.interactive-enabled .foreground.container .image { display: block; width: 100%; @@ -383,6 +395,20 @@ } } +@media screen and (min-width: 600px) and (max-width: 1199px) { + .marquee.large.interactive-enabled.content-top-tablet .text .body-xl { + order: unset; + } + + .marquee.large.interactive-enabled.content-top-tablet .text p.supplemental-text { + order: 3; + } + + .marquee.large.interactive-enabled.content-top-tablet .text { + order: 1; + } +} + @media screen and (max-width: 1200px) { .aside.interactive-enabled .foreground.container .image { order: 1; diff --git a/test/scripts/mocks/head.html b/test/scripts/mocks/head.html new file mode 100644 index 000000000..36fdafced --- /dev/null +++ b/test/scripts/mocks/head.html @@ -0,0 +1,2 @@ + + diff --git a/test/scripts/scripts.test.js b/test/scripts/scripts.test.js index e8f6dad02..9dfebb964 100644 --- a/test/scripts/scripts.test.js +++ b/test/scripts/scripts.test.js @@ -6,6 +6,7 @@ function delay(ms) { } document.body.innerHTML = await readFile({ path: './mocks/body.html' }); +document.head.innerHTML = await readFile({ path: './mocks/head.html' }); describe('Scripts', () => { before(async () => { await import('../../creativecloud/scripts/scripts.js');