From 878ba3e29132cc47c0e4ddbfd2dc62a0f9b87164 Mon Sep 17 00:00:00 2001
From: dragos-efy <contact@efy.ooo>
Date: Thu, 23 May 2024 23:08:55 +0300
Subject: [PATCH] Fix the Share Button
---
package.json | 4 ++--
pnpm-lock.yaml | 8 ++++----
src/components/ShareModal.vue | 2 +-
src/components/WatchVideo.vue | 36 +++++++++++++----------------------
4 files changed, 20 insertions(+), 30 deletions(-)
diff --git a/package.json b/package.json
index 7ef858e7..7e68819a 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
},
"dependencies": {
"dompurify": "3.1.3",
- "efy": "24.5.19",
+ "efy": "24.5.23",
"fast-xml-parser": "4.3.6",
"hotkeys-js": "3.13.7",
"javascript-time-ago": "2.5.10",
@@ -38,7 +38,7 @@
"@vitejs/plugin-legacy": "5.4.0",
"@vitejs/plugin-vue": "5.0.4",
"@vue/compiler-sfc": "3.4.25",
- "efy": "24.5.19",
+ "efy": "24.5.23",
"eslint": "8.57.0",
"eslint-config-prettier": "9.1.0",
"eslint-plugin-prettier": "5.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 661cf0c4..a0ef98c2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ dependencies:
specifier: 3.1.3
version: 3.1.3
efy:
- specifier: 24.5.19
- version: 24.5.19
+ specifier: 24.5.23
+ version: 24.5.23
fast-xml-parser:
specifier: 4.3.6
version: 4.3.6
@@ -2944,8 +2944,8 @@ packages:
resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
dev: true
- /efy@24.5.19:
- resolution: {integrity: sha512-/xwwn5fVKjnSTIpKyldCMYvC+RG1V0Bqo0h08Bi8K3HY+rfJlR1nNcIYfB75KMU2FcXf+KvdAdL3ukjTTKRUdw==}
+ /efy@24.5.23:
+ resolution: {integrity: sha512-qw7itJDE8NvUOej8xxOcVvZF6gasoQsgB/IJ3BUhd8YEgJ2SSdRa1DOJdrdfhtdSg9pbEgwuL3j/P1DHOc/Qdw==}
dev: false
/ejs@3.1.10:
diff --git a/src/components/ShareModal.vue b/src/components/ShareModal.vue
index 842872fe..b8797eb3 100644
--- a/src/components/ShareModal.vue
+++ b/src/components/ShareModal.vue
@@ -23,7 +23,7 @@
<h6 class="mb-2 mt-2" v-text="generatedLink" />
</a>
<QrCode v-if="showQrCode" :text="generatedLink" class="mb-[10rem]" />
- <div class="flex flex-wrap justify-end" style="gap: var(--efy_gap0)">
+ <div class="flex flex-wrap" style="gap: var(--efy_gap0)">
<button v-t="'actions.generate_qrcode'" class="btn" @click="showQrCode = !showQrCode" />
<button v-t="'actions.follow_link'" class="btn ml-3" @click="followLink()" />
<button v-t="'actions.copy_link'" class="btn ml-3" @click="copyLink()" />
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index e13f596e..59382b43 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -712,31 +712,21 @@ video::-webkit-media-text-track-display {
video::cue {
background: transparent;
}
-.player-container.pp-trans video::-webkit-media-text-track-display {
- background: transparent !important;
- backdrop-filter: none;
- margin-bottom: unset;
- line-height: 1.2;
- text-shadow: 0 0 5rem #000;
+.player-container {
+ &.pp-trans video::-webkit-media-text-track-display {
+ background: transparent !important;
+ backdrop-filter: none;
+ margin-bottom: unset;
+ line-height: 1.2;
+ text-shadow: 0 0 5rem #000;
+ }
+ &.pp-solid video::-webkit-media-text-track-display {
+ background: var(--efy_bg) !important;
+ color: var(--efy_text);
+ backdrop-filter: none;
+ }
}
-.player-container.pp-solid video::-webkit-media-text-track-display {
- background: var(--efy_bg) !important;
- color: var(--efy_text);
- backdrop-filter: none;
-}
-
-@media (width <= 768px) {
- .share-btn {
- aspect-ratio: 1;
- }
- .share-btn strong {
- display: none;
- }
- .share-btn svg {
- margin: 0;
- }
-}
@media (max-width: 639px) {
video::-webkit-media-text-track-display {
font-size: 16rem !important;