vlw/stadia-avatar
1
0
Fork 0
mirror of https://codeberg.org/vlw/stadia-avatar.git synced 2025-09-13 23:23:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Streamlined getComputedStyle(document.body)

Browse source 
getComputedStyle(document.body) can now be accessed from this.style within a Page() instance.

Added basic content insertion to ChangeAvatar.mjs.

Page() body font-size for extension popup.
This commit is contained in:
Victor Westerlund 2021-02-08 11:09:06 +01:00
parent 74b2635755
commit 62e493cbfd
4 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/extension/_locales/en/messages.json
View file

@ -8,7 +8,7 @@
"description": "List of different options to set a users's avatar"
},
"avatar_set_url_support": {
"message": "All image formats supported by Chrome except SVG can be added",
"message": "Image should be at least 100x100px for best clarity across Stadia. URL must link directly to an image resource of type WebP, AVIF, PNG, APNG, GIF or JPG/JPEG.",
"description": "Disclaimer about supported image formats"
},
"page_return": {

1
client/extension/assets/css/popup.css
View file

@ -160,4 +160,5 @@ ol li img {
top: var(--height);
box-sizing: border-box;
padding: 20px;
font-size: 16px;
}

8
client/extension/assets/js/popup_modules/ChangeAvatar.mjs
View file

@ -9,4 +9,12 @@ export class AvatarURL extends Page {
this.open();
}
content() {
const input = document.createElement("input");
const submit = document.createElement("button");
this.body.appendChild(input);
this.body.appendChild(submit);
}
}

5
client/extension/assets/js/popup_modules/Page.mjs
View file

@ -2,9 +2,10 @@ export class Page {
constructor(title = "") {
this.body = null;
this.style = getComputedStyle(document.body);
this.pageDepth = () => {
return parseInt(getComputedStyle(document.body).getPropertyValue("--page-depth"));
return parseInt(this.style.getPropertyValue("--page-depth"));
}
this.create(title);
@ -55,7 +56,7 @@ export class Page {
// ----
close() {
const delay = parseInt(getComputedStyle(document.body).getPropertyValue("--animation-speed"));
const delay = parseInt(this.style.getPropertyValue("--animation-speed"));
document.body.style.setProperty("--page-depth",this.pageDepth() - 1);
setTimeout(() => {