Merge pull request #356 from mencio/google-components-fixes

Fix for the youtube component close button on windows

2 files changed, 16 insertions, 3 deletions

diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
index 01cc42f3..65ffc945 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.html
@@ -96,7 +96,7 @@
         .montage-youtube-channel-close {
             position: absolute;
             top: 5px;
-            left: 5px;
+            right: 5px;
 
             width: 25px;
             height: 25px;
@@ -107,6 +107,14 @@
 
             color: #EEE;
             outline: none;
+            text-align: center;
+            padding: 0;
+        }
+
+        .montage-youtube-channel .montage-youtube-player {
+            border-top: 35px solid #000;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
         }
     </style>
 </head>
diff --git a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
index 95cd336a..f06216e1 100644
--- a/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
+++ b/node_modules/montage-google/youtube-channel.reel/youtube-channel.js
@@ -180,8 +180,12 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
 
                 // take the video from the top only once it's stopped animating
                 window.setTimeout(function() {
-                    self.element.style.zIndex = null;
-                }, 500);
+                    self._element.style.zIndex = null;
+                    // HACK: Trigger a redraw so that Flash in Chrome on
+                    // Windows doesn't remain rendered on top of everything,
+                    // despite actually being hidden
+                    self.player.element.getBoundingClientRect();
+                }, 510);
             }
 
         }
@@ -196,6 +200,7 @@ var YoutubeChannel = exports.YoutubeChannel = Montage.create(Component, {
         value: function() {
             var doc = this._element.ownerDocument;
 
+            this._popupElement.style.width = doc.width + "px";
             this.player.width = doc.width;
             this.player.height = doc.height;