31 lines
959 B
JavaScript
31 lines
959 B
JavaScript
/**
|
|
* The bookmarklet will toggle between normal and slimmed width (700px) each time you click it. It preserves the original styles when switching back.
|
|
*/
|
|
() => {
|
|
const el = document.querySelector("body");
|
|
const id = document.URL;
|
|
const toggle = `__ayo__slimmer-toggle-${id}__`;
|
|
const originalStyles = `__ayo__original-styles-${id}__`;
|
|
|
|
if (window[originalStyles] === undefined) {
|
|
window[originalStyles] = {
|
|
width: el.style.width,
|
|
margin: el.style.margin,
|
|
overflowX: el.style.overflowX,
|
|
};
|
|
}
|
|
|
|
if (!window[toggle]) {
|
|
el.style.width = "700px";
|
|
el.style.margin = "0 auto";
|
|
el.style.overflowX = "auto";
|
|
console.log({ toggle: window[toggle] });
|
|
} else {
|
|
el.style.width = window[originalStyles].width;
|
|
el.style.margin = window[originalStyles].width;
|
|
el.style.overflowX = window[originalStyles].overflowX;
|
|
}
|
|
|
|
console.log({ toggle: window[toggle] });
|
|
window[toggle] = !window[toggle];
|
|
};
|