andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Improve image handling & fix shadows

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-28 14:18:17 +02:00
parent bc5074b28d
commit 2bb2117a59
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
47 changed files with 330 additions and 329 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/page/image-viewer/image-viewer.ts
View file

@ -5,18 +5,6 @@ export class ImageViewer extends PageElement {
public constructor() {
super(generate());
document.body.addEventListener('click', (event: MouseEvent) => {
const element = event.target as HTMLElement;
if (element.classList?.contains('image')) {
this.showImage(element.querySelector('img')!);
}
if (element instanceof HTMLImageElement) {
this.showImage(element);
}
});
document.body.addEventListener('keydown', (event: KeyboardEvent) => {
if (event.key === 'Escape') {
this.hideImage();
@ -26,11 +14,7 @@ export class ImageViewer extends PageElement {
this.htmlRoot.addEventListener('click', this.hideImage.bind(this));
}
private showImage(source: HTMLImageElement) {
if (source.attributes['image-viewer-ignore'] as boolean | undefined) {
return;
}
public showImage(source: HTMLImageElement) {
const image = this.query('img') as HTMLImageElement;
image.src = '';
image.src = source.src;