diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-02-04 22:11:47 +0100 | 
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-02-04 22:11:47 +0100 | 
| commit | ede1443810ab14878d31de37c8b72102d0f210bd (patch) | |
| tree | 886c4c1ec00dd9de2de4462c8e87837e462b2f26 | |
initial poopy
| -rw-r--r-- | largePiPEnergy.plugin.js | 42 | 
1 files changed, 42 insertions, 0 deletions
| diff --git a/largePiPEnergy.plugin.js b/largePiPEnergy.plugin.js new file mode 100644 index 0000000..ae07cf2 --- /dev/null +++ b/largePiPEnergy.plugin.js @@ -0,0 +1,42 @@ +/** + * @name largePiPEnergy + * @version 0.0.1 + * @author loekaars + * @description Enables resizing the screenshare/webcam picture in picture window by scrolling + *  + * @website https://github.com/lonkaars + */ + +module.exports = class largePiPEnergy { +	constructor() { +		this.size = 320; +	} + +	start() { +		BdApi.injectCSS("largePiPEnergy", [ +			":root {", +			`    --largePiPEnergySize: ${this.size}`, +			"}", +			".da-pictureInPicture .da-pictureInPictureVideo {", +			`    width: calc(var(--largePiPEnergySize) * 1px);`, +			"    height: unset;", +			"    padding-bottom: 56.25%;", +			"    transition: width .3s;", +			"}" +		].join("\n")) + +		setInterval(() => { +			var element = document.getElementsByClassName("da-pictureInPictureWindow")[0]; +			if (!element) return; +			element.onmousewheel = event => { +				this.size -= event.deltaY / 3; +				document.documentElement.style.setProperty("--largePiPEnergySize", `${this.size}`) +				console.log(event.deltaY) +			} +		}, 1e3); // this is a crappy solution but i'll fix this tomorrow or something +	} + +	stop() { +		BdApi.clearCSS("largePiPEnergy") +	} +} |