diff --git a/src/renderer/components/distraction-settings/distraction-settings.js b/src/renderer/components/distraction-settings/distraction-settings.js index e00a68a7..fc74c37c 100644 --- a/src/renderer/components/distraction-settings/distraction-settings.js +++ b/src/renderer/components/distraction-settings/distraction-settings.js @@ -48,7 +48,6 @@ export default Vue.extend({ handleHideRecommendedVideos: function (value) { if (value) { this.updatePlayNextVideo(false) - this.updateDefaultTheatreMode(true) } this.updateHideRecommendedVideos(value) diff --git a/src/renderer/components/player-settings/player-settings.vue b/src/renderer/components/player-settings/player-settings.vue index f4b98287..8b7ff1ec 100644 --- a/src/renderer/components/player-settings/player-settings.vue +++ b/src/renderer/components/player-settings/player-settings.vue @@ -34,7 +34,6 @@ diff --git a/src/renderer/components/watch-video-info/watch-video-info.js b/src/renderer/components/watch-video-info/watch-video-info.js index 89c62bcf..fa6385b7 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.js +++ b/src/renderer/components/watch-video-info/watch-video-info.js @@ -78,6 +78,14 @@ export default Vue.extend({ downloadLinks: { type: Array, required: true + }, + watchingPlaylist: { + type: Boolean, + required: true + }, + theatrePossible: { + type: Boolean, + required: true } }, data: function () { @@ -111,6 +119,10 @@ export default Vue.extend({ return this.$store.getters.getHideRecommendedVideos }, + hideLiveChat: function () { + return this.$store.getters.getHideLiveChat + }, + hideVideoLikesAndDislikes: function () { return this.$store.getters.getHideVideoLikesAndDislikes }, diff --git a/src/renderer/components/watch-video-info/watch-video-info.vue b/src/renderer/components/watch-video-info/watch-video-info.vue index fe0317d5..05e7ec76 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.vue +++ b/src/renderer/components/watch-video-info/watch-video-info.vue @@ -63,7 +63,7 @@
` @@ -128,6 +134,9 @@ export default Vue.extend({ }, hideVideoLikesAndDislikes: function () { return this.$store.getters.getHideVideoLikesAndDislikes + }, + theatrePossible: function() { + return !this.hideRecommendedVideos || (!this.hideLiveChat && this.isLive) || this.watchingPlaylist } }, watch: { diff --git a/src/renderer/views/Watch/Watch.sass b/src/renderer/views/Watch/Watch.sass index b444a8f5..48bfd5db 100644 --- a/src/renderer/views/Watch/Watch.sass +++ b/src/renderer/views/Watch/Watch.sass @@ -22,7 +22,7 @@ @media only screen and (max-width: 900px) +single-column-template - &.isLoading + &.isLoading, &.noSidebar +single-column-template .videoArea @@ -73,6 +73,9 @@ @media only screen and (min-width: 901px) min-width: 380px + @at-root .noSidebar#{&} + grid-area: auto + .watchVideoPlaylist, .watchVideoSidebar, .theatrePlaylist margin: 0 8px 16px diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue index 0a026c90..b2247a34 100644 --- a/src/renderer/views/Watch/Watch.vue +++ b/src/renderer/views/Watch/Watch.vue @@ -3,7 +3,8 @@ class="videoLayout" :class="{ isLoading, - useTheatreMode + useTheatreMode, + noSidebar: !theatrePossible }" >