diff --git a/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue b/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue index 2b6082c..877d403 100644 --- a/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue +++ b/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue @@ -215,33 +215,18 @@ export default Vue.extend({ } @media (min-width: 0) and (max-width: 599.99px) { - .a-teaser.embed-placeholder__container { + :not(.nobp) .a-teaser.embed-placeholder__container { aspect-ratio: auto; } - .embed-placeholder__header { + :not(.nobp) .embed-placeholder__header { display: none; } } @media (max-width: 399.99px) { - .quad.embed-placeholder__container { + :not(.nobp) .quad.embed-placeholder__container { aspect-ratio: auto; } } - -/* workaround nobp class */ -@media (min-width: 1024px) { - .a-teaser.embed-placeholder__container { - aspect-ratio: 16 / 9; - } - - .quad.embed-placeholder__container { - aspect-ratio: 1 / 1; - } - - .embed-placeholder__header { - display: flex; - } -} diff --git a/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue b/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue index 130d0d7..9c36363 100644 --- a/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue +++ b/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue @@ -188,33 +188,18 @@ export default Vue.extend({ } @media (min-width: 0) and (max-width: 1023.99px) { - .a-teaser > .embed-placeholder__header--pur { + :not(.nobp) .a-teaser > .embed-placeholder__header--pur { display: none; } - .double-a-teaser > .embed-placeholder__header--pur { + :not(.nobp) .double-a-teaser > .embed-placeholder__header--pur { display: none; } } @media (min-width: 0) and (max-width: 599.99px) { - .embed-placeholder__header--pur { + :not(.nobp) .embed-placeholder__header--pur { display: none; } } - -/* workaround nobp class */ -@media (min-width: 1024px) { - .a-teaser > .embed-placeholder__header--pur { - display: flex; - } - - .double-a-teaser > .embed-placeholder__header--pur { - display: flex; - } - - .embed-placeholder__header--pur { - display: flex; - } -}