From d2af32f2c8a408dbf6bf0aded5c381b9daf52aaa Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 28 Jun 2012 14:58:49 -0700 Subject: Fix for the youtube component close button on windows Signed-off-by: Valerio Virgillito --- .../montage-google/youtube-channel.reel/youtube-channel.html | 10 +++++++++- .../montage-google/youtube-channel.reel/youtube-channel.js | 9 +++++++-- 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; } 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; -- cgit v1.2.3