diff --git a/.vscode/extensions.json b/.vscode/extensions.json deleted file mode 100644 index 2e83ded..0000000 --- a/.vscode/extensions.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "recommendations": ["EditorConfig.EditorConfig", "esbenp.prettier-vscode"] -} diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 9bf4d12..0000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.formatOnSave": true -} diff --git a/manifest.json b/manifest.json index 85d01d3..78d6d82 100644 --- a/manifest.json +++ b/manifest.json @@ -7,7 +7,7 @@ "discordID": "311057290562371586", "github": "SiriusBYT" }, - "version": "1.0.3", + "version": "1.0.4", "updater": { "type": "store", "id": "com.sirio-network.flashcord-zoom" diff --git a/package.json b/package.json index 1d7e707..6198652 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Flashcord Zoom", - "version": "1.0.3", + "version": "1.0.4", "description": "Flashcord's Zooming QoL Feature, but without Flashcord. Hover on a clicked image to zoom on them, use mouse wheel to scroll down the image. Requires Magnificent to prevent the images from being insanely blurry.", "engines": { "node": ">=20.0.0", diff --git a/src/main.css b/src/main.css index df43fdf..dc6b3a8 100644 --- a/src/main.css +++ b/src/main.css @@ -1,59 +1,27 @@ -/* IMPORTED FROM FLASHCORD BETA bSID-2311XX DEV-NOV 231105 */ +/* IMPORTED FROM FLASHCORD BETA bSID-DEV_240423*/ -/* Imagivid Zoom Core */ [class^="layer_"]:has([class^="focusLock_"] [class*="downloadLink_"]) { - container-name: var(--FlashCore-ImagividZoom, FC-ImagividZoom); - container-type: inline-size; - contain: paint; -} + container-name: var(--Flashcord-Module_Image-Zoom, FCM-Image_Zoom); + container-type: inline-size; +} @container FCM-Image_Zoom (min-width: 0) { + [class^="focusLock_"] [class^="imageWrapper_"]:hover { width: 90vw !important; } + [class^="focusLock_"] [class^="imageWrapper_"] { + transition-property: width, height; transition-duration: var(--Flashcord-Transition_Slow) !important; + height: auto !important; + } [class^="focusLock_"] [class^="imageWrapper_"] [class^="wrapper-"] { width: auto !important; height: auto !important; } + [class^="focusLock_"] > div { + display: flex; flex-direction: row; justify-content: center; align-items: flex-start; + overflow: scroll; + } [class^="carouselModal_"] { justify-content: flex-start !important; } + [class^="focusLock_"] img, [class^="focusLock_"] video, [class^="imageWrapper_"] [class^="wrapper"] { + width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; + overflow: scroll; object-fit: contain; + } [class^="anchor_"] { display: none; } + [class*="modalCarouselWrapper_"] { + position: static; margin: auto; + -webkit-box-align: unset !important; align-items: unset !important; + } [class*="modalCarouselWrapper_"] button { margin: 0; } -@container FC-ImagividZoom (min-width: 0px) { - [class^="focusLock_"] [class^="imageWrapper_"]:hover { - width: 90vw !important; - /*will-change: width, height;*/ - } - [class^="focusLock_"] [class^="imageWrapper_"] { - height: auto !important; - transition-property: width, height; - transition-duration: var(--Flashcord-TransMult-Slow, 500ms) !important; - } - [class^="focusLock_"] [class^="imageWrapper_"] [class^="wrapper-"] { - width: auto !important; - height: auto !important; - } - [class^="focusLock_"] > div { - display: flex; - justify-content: center; - align-items: flex-start; - overflow: scroll; - flex-direction: row; - } - [class^="carouselModal-"] { - justify-content: flex-start !important; - } - [class^="focusLock_"] img, [class^="focusLock_"] video, [class^="imageWrapper_"] [class^="wrapper"] { - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; - object-fit: contain; - overflow: scroll; - } - [class^="anchor_"] { - display: none; - } - [class*="modalCarouselWrapper_"] { - -webkit-box-align: unset !important; - align-items: unset !important; - margin: auto; - position: static; - } - [class*="modalCarouselWrapper_"] button { - margin: 0; - } - - /* brainfart, ty olaf */ - [class^="focusLock_"] ::-webkit-scrollbar { - display: none; - } -} + /* brainfart, ty olaf */ + [class^="focusLock_"] ::-webkit-scrollbar { display: none; } +} \ No newline at end of file