mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-25 17:51:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: background component and style tweaks

Browse Source
This commit is contained in:
David Ralph
2021-04-22 14:20:51 +01:00
parent 51d0715f0f
commit 4128fbae46
5 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/widgets/background/Background.jsx
View File

@@ -71,12 +71,12 @@ export default class Background extends React.PureComponent {
if (photoInformation) {
photoInformation.style.display = 'block';
}
backgroundImage.style.backgroundImage = null;
return backgroundImage.style.backgroundImage = `url(${url})`;
backgroundImage.style.background = null;
return backgroundImage.style.background = `url(${url})`;
}
backgroundImage.classList.add('backgroundPreload');
backgroundImage.style.backgroundImage = null;
backgroundImage.style.background = null;
if (photoInformation) {
photoInformation.classList.add('backgroundPreload');
@@ -91,7 +91,7 @@ export default class Background extends React.PureComponent {
backgroundImage.classList.remove('backgroundPreload');
backgroundImage.classList.add('fade-in');
backgroundImage.style.backgroundImage = `url(${url})`;
backgroundImage.style.background = `url(${url})`;
preloader.remove();
if (photoInformation) {
@@ -100,7 +100,7 @@ export default class Background extends React.PureComponent {
}
});
} else {
backgroundImage.setAttribute('style', `${this.state.style};`);
backgroundImage.setAttribute('style', this.state.style);
}
}
@@ -232,6 +232,7 @@ export default class Background extends React.PureComponent {
element.classList.remove('fade-in');
this.setState({
url: '',
style: '',
video: false,
photoInfo: {
hidden: true
@@ -260,10 +261,6 @@ export default class Background extends React.PureComponent {
element.style.display = 'block';
}
if (this.state.photoInfo.hidden === false) {
document.querySelector('.photoInformation').style.display = 'block';
}
const backgroundType = localStorage.getItem('backgroundType');
// todo: make this good