OpenSource/Sharkey
OpenSource/Sharkey
1
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey.git synced 2024-12-28 21:28:19 +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> <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> <div>
<b><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.sensitive }}</b> <b><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.sensitive }}</b>
<span>{{ i18n.ts.clickToShow }}</span> <span>{{ i18n.ts.clickToShow }}</span>
</div> </div>
</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 :class="$style.flash_display">
<div v-if="playerHide" :class="$style.player_hide" @click="dismissWarning()"> <div v-if="playerHide" :class="$style.player_hide" @click="dismissWarning()">
<b><i class="ph-eye ph-bold ph-lg"></i> Flash Content Hidden</b> <b><i class="ph-eye ph-bold ph-lg"></i> Flash Content Hidden</b>
@ -237,23 +237,12 @@ onDeactivated(() => {
font-size: 12px !important; 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 { .flash_player_enabled {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; // ?????? Works somehow???
> i { > i {
display: block; display: block;
@ -475,6 +464,7 @@ onDeactivated(() => {
align-items: center; align-items: center;
background: #111; background: #111;
color: #fff; color: #fff;
height: 100%; // ?????? Works somehow???
> div { > div {
display: table-cell; display: table-cell;