Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-05-08 09:08:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use separate div for image preview transparency grid

Browse Source
This commit is contained in:
Anees
2024-08-24 02:41:24 +01:00
parent a3598f8118
commit 945d4cdda8
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extensions/media-preview/media/imagePreview.js
+6 -2
View File
@@ -76,6 +76,8 @@
// Elements
const container = document.body;
const transparencyGrid = document.createElement('div');
transparencyGrid.classList.add('transparency-grid');
const image = document.createElement('img');
function updateScale(newScale) {
@@ -85,7 +87,7 @@
if (newScale === 'fit') {
scale = 'fit';
image.classList.add('scale-to-fit');
transparencyGrid.classList.add('scale-to-fit');
image.classList.remove('pixelated');
// @ts-ignore Non-standard CSS property
image.style.zoom = 'normal';
@@ -292,7 +294,9 @@
document.body.classList.remove('loading');
document.body.classList.add('ready');
document.body.append(image);
document.body.append(transparencyGrid);
transparencyGrid.appendChild(image);
updateScale(scale);