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
}"
>