fix(placeholder): add css definition for double-a-teaser

spring-media · Apr 19, 2022 · 2447519 · 2447519
1 parent 40efe50
commit 2447519
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue b/src/vue/components/EmbedPlaceholder/EmbedPlaceholder.vue
@@ -139,11 +139,11 @@ export default Vue.extend<NonNullish, Methods, NonNullish, Props>({
 }
 
 .a-teaser.embed-placeholder__container {
-  aspect-ratio: 16/9;
+  aspect-ratio: 16 / 9;
 }
 
 .bc.embed-placeholder__container {
-  aspect-ratio: 20/41;
+  aspect-ratio: 4.3875 / 9;
 }
 
 .embed-placeholder__header {

diff --git a/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue b/src/vue/components/EmbedPlaceholderPur/EmbedPlaceholderPur.vue
@@ -150,6 +150,11 @@ export default Vue.extend<NonNullish, Methods, NonNullish, Props>({
   height: 48px;
 }
 
+.double-a-teaser > .embed-placeholder__header--pur svg {
+  width: 48px;
+  height: 48px;
+}
+
 .embed-placeholder__description--pur {
   font-family: Gotham XNarrow, sans-serif;
   font-style: normal;
@@ -172,6 +177,10 @@ export default Vue.extend<NonNullish, Methods, NonNullish, Props>({
   .a-teaser > .embed-placeholder__header--pur {
     display: none;
   }
+
+  .double-a-teaser > .embed-placeholder__header--pur {
+    display: none;
+  }
 }
 
 @media (min-width: 0) and (max-width: 600px) {