IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Update header background color in mobile app webview

Browse Source 
Sends the updated value when switching color schemes.
This commit is contained in:
Penar Musaraj 2020-08-07 16:13:22 -04:00
parent 89209985c8
commit 31e9e0c41b
No known key found for this signature in database
GPG Key ID: E390435D881FF0F7
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/javascripts/discourse/app/initializers/webview-background.js
View File

@ -8,13 +8,19 @@ export default {
initialize() { initialize() {
if (isAppWebview()) { if (isAppWebview()) {
later(() => { window
const header = document.querySelectorAll(".d-header")[0]; .matchMedia("(prefers-color-scheme: dark)")
if (header) { .addListener(this.updateAppBackground);
const styles = window.getComputedStyle(header); this.updateAppBackground();
postRNWebviewMessage("headerBg", styles.backgroundColor);
}
}, 500);
} }
},
updateAppBackground() {
later(() => {
const header = document.querySelectorAll(".d-header")[0];
if (header) {
const styles = window.getComputedStyle(header);
postRNWebviewMessage("headerBg", styles.backgroundColor);
}
}, 500);
} }
}; };