OpenSource/Sharkey
OpenSource/Sharkey
1
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey.git synced 2024-12-28 04:50:17 +01:00
Code Issues Projects Releases Packages Wiki Activity

Works now somehow???????"?????

Browse source 
I literally tried this before and it didn't work I have witnesses
Before, when I set it to 100%, it became 64 pixels tall
Piuvas witnessed this happen and tried to help me debug it
at some point it just suddenly started working and we have no clue how

Witnessed-by: piuvas <piuvas@proton.me>
Co-authored-by: piuvas <piuvas@proton.me>
This commit is contained in:
CenTdemeern1 2024-10-21 00:04:53 +02:00
parent be42a2b008
commit 9668d6187c
1 changed files with 4 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/frontend/src/components/SkFlashPlayer.vue
View file

@ -4,14 +4,14 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div v-if="hide" :class="[$style.flash_player_disabled, $style.height_hack]" @click="toggleVisible()">
<div v-if="hide" :class="$style.flash_player_disabled" @click="toggleVisible()">
<div>
<b><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.sensitive }}</b>
<span>{{ i18n.ts.clickToShow }}</span>
</div>
</div>
<div v-else :class="[$style.flash_player_enabled, $style.height_hack]">
<div v-else :class="$style.flash_player_enabled">
<div :class="$style.flash_display">
<div v-if="playerHide" :class="$style.player_hide" @click="dismissWarning()">
<b><i class="ph-eye ph-bold ph-lg"></i> Flash Content Hidden</b>
@ -237,23 +237,12 @@ onDeactivated(() => {
font-size: 12px !important;
}
.height_hack {
/* HACK: I'm too stupid to do this better apparently. Copy-pasted from MkMediaList.vue */
/* height: 100% doesn't work */
/* FIXME: This breaks with more than one attachment, and the controls start overlapping the note buttons (like, boost, reply, etc) */
/* height: 100%; DOESN'T WORK AAAAAA */
height: clamp(
64px,
50cqh,
min(360px, 50vh)
);
}
.flash_player_enabled {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%; // ?????? Works somehow???
> i {
display: block;
@ -475,6 +464,7 @@ onDeactivated(() => {
align-items: center;
background: #111;
color: #fff;
height: 100%; // ?????? Works somehow???
> div {
display: table-cell;