From 6281d484ae77d44a66495162f5fa6a873837b401 Mon Sep 17 00:00:00 2001 From: Emma Date: Wed, 14 Feb 2024 06:47:12 -0500 Subject: [PATCH 1/3] Set share playlist dropdown position to `center` w/ media query --- src/renderer/components/playlist-info/playlist-info.scss | 9 +++++++++ src/renderer/components/playlist-info/playlist-info.vue | 1 + 2 files changed, 10 insertions(+) diff --git a/src/renderer/components/playlist-info/playlist-info.scss b/src/renderer/components/playlist-info/playlist-info.scss index 3fb13c0c0fe8a..8482b696ec6a2 100644 --- a/src/renderer/components/playlist-info/playlist-info.scss +++ b/src/renderer/components/playlist-info/playlist-info.scss @@ -1,3 +1,5 @@ + + .playListThumbnail { inline-size: 100%; } @@ -72,3 +74,10 @@ column-gap: 8px; justify-content: flex-end; } + +@media only screen and (max-width: 1250px) { + :deep(.sharePlaylistIcon .iconDropdown) { + inset-inline-start: auto; + inset-inline-end: auto; + } +} diff --git a/src/renderer/components/playlist-info/playlist-info.vue b/src/renderer/components/playlist-info/playlist-info.vue index d5af7424e0b15..1544b73881e5b 100644 --- a/src/renderer/components/playlist-info/playlist-info.vue +++ b/src/renderer/components/playlist-info/playlist-info.vue @@ -166,6 +166,7 @@ From 83a47cf584d87baeedba629c9a98625560585fd1 Mon Sep 17 00:00:00 2001 From: Emma Date: Wed, 14 Feb 2024 06:55:29 -0500 Subject: [PATCH 2/3] Remove overflow-y as it causes the overflow issue Originally, when this overflow-y was added, the share playlist dropdown went straight down, so there would no need for the content to be able to overflow in the y direction. (FreeTubeApp/FreeTube#2281) Now, the dropdown swings out to the left by default, and even when it is centered, it still overflows the width of the container as an intentional part of the design. --- src/renderer/views/Playlist/Playlist.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/renderer/views/Playlist/Playlist.scss b/src/renderer/views/Playlist/Playlist.scss index e8c2b7681d952..939f3a5cc4a5c 100644 --- a/src/renderer/views/Playlist/Playlist.scss +++ b/src/renderer/views/Playlist/Playlist.scss @@ -7,7 +7,6 @@ box-sizing: border-box; block-size: calc(100vh - 132px); margin-inline-end: 1em; - overflow-y: auto; padding: 10px; position: sticky; inset-block-start: 96px; From 9bf451cd3b4619f37d706c526b1110b3e391afbf Mon Sep 17 00:00:00 2001 From: Emma Date: Wed, 14 Feb 2024 06:58:23 -0500 Subject: [PATCH 3/3] Remove unnecessary whitespace --- src/renderer/components/playlist-info/playlist-info.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/renderer/components/playlist-info/playlist-info.scss b/src/renderer/components/playlist-info/playlist-info.scss index 8482b696ec6a2..7fd3d7d75383a 100644 --- a/src/renderer/components/playlist-info/playlist-info.scss +++ b/src/renderer/components/playlist-info/playlist-info.scss @@ -1,5 +1,3 @@ - - .playListThumbnail { inline-size: 100%; }