Fix tab overflow dropdown in LivePreview pane

Author: jackmcdade

resources/js/components/live-preview/LivePreview.vue

@@ -250,6 +250,11 @@ export default {
                 .then(() => {
                     this.panesVisible = true;
                     return this.$wait(300);
+                })
+                .then(() => {
+                    // Components that update position based on native
+                    // resize events (like Popovers) need to be informed thusly
+                    window.dispatchEvent(new Event('resize'));
                 });
         },
 

resources/sass/components/preview.scss

@@ -27,14 +27,18 @@
 
 .live-preview .publish-tabs {
     @apply bg-grey-30 ml-0 pl-0;
-    a {
+    .tab-button {
         border-radius: 0;
         height: 100%;
         min-width: 100px;
         border: none;
     }
 }
 
+.live-preview .tabs-container {
+    @apply bg-grey-30;
+}
+
 .live-preview .publish-section-actions-footer {
     display: none;
 }