fix: youtube-player display in auxbar · dragon.gal/consolesky@b457082

dragon.gal / consolesky

fork atom

Multicolumn Bluesky client powered by Angular

fork atom

fix: youtube-player display in auxbar

kbenlloch 11 months ago b4570826 b0fb5cb9

+19 -1

2 changed files

expand all

src

app

components

embeds

external-embed

external-embed.component.html

external-embed.component.ts

+1 -1

src/app/components/embeds/external-embed/external-embed.component.html

··· 52 52 @if (snippet.source == YoutubeSnippetSource) { 53 53 <youtube-player 54 54 [videoId]="snippet.url" 55 - class="aspect-video" 55 + class="block aspect-video w-full max-w-full min-w-0" 56 56 (click)="$event.stopPropagation()" 57 57 /> 58 58 } @else {

+18

src/app/components/embeds/external-embed/external-embed.component.ts

··· 31 31 height: auto; 32 32 width: 100%; 33 33 } 34 + :host ::ng-deep youtube-player iframe { 35 + display: flex; 36 + min-width: 0; 37 + min-height: 0; 38 + height: 100%; 39 + width: 100%; 40 + } 41 + :host ::ng-deep youtube-player > div { 42 + display: contents; 43 + } 44 + :host ::ng-deep youtube-player youtube-player-placeholder { 45 + width: 100% !important; 46 + height: auto !important; 47 + aspect-ratio: 16 / 9; 48 + } 49 + :host ::ng-deep youtube-player youtube-player-placeholder .youtube-player-placeholder-button { 50 + cursor: pointer; 51 + } 34 52 `, 35 53 changeDetection: ChangeDetectionStrategy.OnPush 36 54 })