move client only farther out

nypublicradio · Apr 21, 2022 · c5e01c6 · c5e01c6
1 parent e00f8f9
commit c5e01c6
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/components/GothamistPlayer.vue b/components/GothamistPlayer.vue
@@ -3,14 +3,12 @@
     v-show="!playerDismissed"
     class="persistent-player-wrapper"
   >
-    <client-only>
-      <collapsible-message
-        prefix="player-welcome"
-        @collapse="handleWelcomeMessageCollapsed"
-      >
-        You can now listen to WNYC on Gothamist! Let us know what you think of this experimental feature <a href="https://surveys.hotjar.com/e0b0fda5-4c70-43b4-bea5-32bca9fd25f8" target="_blank" rel="noopener noreferrer">here</a>.
-      </collapsible-message>
-    </client-only>
+    <collapsible-message
+      prefix="player-welcome"
+      @collapse="handleWelcomeMessageCollapsed"
+    >
+      You can now listen to WNYC on Gothamist! Let us know what you think of this experimental feature <a href="https://surveys.hotjar.com/e0b0fda5-4c70-43b4-bea5-32bca9fd25f8" target="_blank" rel="noopener noreferrer">here</a>.
+    </collapsible-message>
     <div
       class="player-row u-color-group-dark"
     >

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -36,17 +36,19 @@
     </main>
     <gothamist-footer v-if="!isGallery" />
     <!-- audio player -->
-    <transition name="fade">
-      <gothamist-player
-        v-if="$features.enabled['experiment-audio-player']"
-        class="gothamist-player-wrapper"
-        @welcome-message-dismissed="gaEvent('Livestream', 'Welcome Message Dismissed')"
-        @player-dismissed="gaEvent('Livestream', 'Player Dismissed')"
-        @play-clicked="gaEvent('Livestream', 'Livestream Started')"
-        @pause-clicked="gaEvent('Livestream', 'Livestream Paused')"
-        @resume-clicked="gaEvent('Livestream', 'Livestream Resumed')"
-      />
-    </transition>
+    <client-only>
+      <transition name="fade">
+        <gothamist-player
+          v-if="$features.enabled['experiment-audio-player']"
+          class="gothamist-player-wrapper"
+          @welcome-message-dismissed="gaEvent('Livestream', 'Welcome Message Dismissed')"
+          @player-dismissed="gaEvent('Livestream', 'Player Dismissed')"
+          @play-clicked="gaEvent('Livestream', 'Livestream Started')"
+          @pause-clicked="gaEvent('Livestream', 'Livestream Paused')"
+          @resume-clicked="gaEvent('Livestream', 'Livestream Resumed')"
+        />
+      </transition>
+    </client-only>
     <!-- audio player -->
   </div>
 </template>