Dynamicaly change avatar and header bg from account setting (#4289)

master
Yamagishi Kazutoshi 7 years ago committed by Eugen Rochko
parent dbaa6a0e13
commit f2390e2803
  1. 14
      app/javascript/packs/public.js
  2. 4
      app/javascript/styles/accounts.scss

@ -88,6 +88,20 @@ function main() {
noteCounter.textContent = 160 - length(target.value);
}
});
delegate(document, '#account_avatar', 'change', ({ target }) => {
const avatar = document.querySelector('.card.compact .avatar img');
const [file] = target.files || [];
const url = URL.createObjectURL(file);
avatar.src = url;
});
delegate(document, '#account_header', 'change', ({ target }) => {
const header = document.querySelector('.card.compact');
const [file] = target.files || [];
const url = URL.createObjectURL(file);
header.style.backgroundImage = `url(${url})`;
});
}
loadPolyfills().then(main).catch(error => {

@ -32,6 +32,10 @@
.avatar {
margin-bottom: 0;
img {
object-fit: cover;
}
}
}

Loading…
Cancel
Save