mirror of https://github.com/FreeTubeApp/FreeTube
Fix overflow issue with share playlist icon drop-down (#4677)
* Set share playlist dropdown position to `center` w/ media query * 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. * Remove unnecessary whitespace
This commit is contained in:
parent
c15f28681d
commit
821d5ca73e
|
@ -72,3 +72,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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -166,6 +166,7 @@
|
|||
<ft-share-button
|
||||
v-if="sharePlaylistButtonVisible"
|
||||
:id="id"
|
||||
class="sharePlaylistIcon"
|
||||
:dropdown-position-y="description ? 'top' : 'bottom'"
|
||||
share-target-type="Playlist"
|
||||
/>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue