fix(resources): hide PDF embed on iOS

Because of a bug with Safari iOS that shows only the first page of PDFs

components/resources/st-resource.vue

@@ -11,7 +11,13 @@
     </h2>
     <st-resource-details :resource="resource" />
 
-    <st-button v-if="resource.file" class="c-resource__download-button" primary :href="href" :download="download">
+    <st-button
+      v-if="resource.file"
+      class="c-resource__download-button"
+      primary
+      :href="`${href}?download`"
+      :download="download"
+    >
       {{ $t('resources.download') }}
     </st-button>
 
@@ -62,5 +68,14 @@ a.c-resource__link-button {
 .c-resource__embed {
   height: 80vh;
   margin-top: var(--st-length-spacing-s);
+  border: 1px solid black;
+}
+
+/* Hack to target iOS devices only */
+@supports (-webkit-touch-callout: none) {
+  /* We hide the PDF embed on iOS because it shows only the first page */
+  .c-resource__embed {
+    display: none;
+  }
 }
 </style>

mixins/resource.mixin.ts

@@ -13,7 +13,7 @@ export default defineComponent({
   computed: {
     href(): string | undefined {
       if (this.resource.file) {
-        return `${this.$config.cmsURL}/assets/${this.resource.file.id}?download`;
+        return `${this.$config.cmsURL}/assets/${this.resource.file.id}`;
       } else if (this.resource?.link) {
         return this.resource.link;
       } else {