mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-08 21:24:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: maximise with background filters, css fixes

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-05-08 13:47:09 +01:00
parent b1fbaa7601
commit da6ebb8c60
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/main/scss/index.scss
View File

@@ -266,7 +266,7 @@ li {
svg {
margin-right: 0.5rem;
padding: 3px;
font-size: 1.4em !important;
vertical-align: middle;
}
}

12
src/components/widgets/background/Maximise.jsx
View File

@@ -12,11 +12,17 @@ export default class Maximise extends React.PureComponent {
};
}
setAttribute(blur, brightness) {
setAttribute(blur, brightness, filter) {
const element = document.getElementById('backgroundImage');
let backgroundFilter;
if (filter === true) {
backgroundFilter = localStorage.getItem('backgroundFilter');
}
element.setAttribute(
'style',
`background-image: url(${element.style.backgroundImage.replace('url("', '').replace('")', '')}); -webkit-filter: blur(${blur}px) brightness(${brightness}%);`
`background-image: url(${element.style.backgroundImage.replace('url("', '').replace('")', '')}); -webkit-filter: blur(${blur}px) brightness(${brightness}%) ${backgroundFilter ? backgroundFilter + '(' + localStorage.getItem('backgroundFilterAmount') + '%)' : ''};`
);
}
@@ -43,7 +49,7 @@ export default class Maximise extends React.PureComponent {
hidden: false
});
this.setAttribute(localStorage.getItem('blur'), localStorage.getItem('brightness'));
this.setAttribute(localStorage.getItem('blur'), localStorage.getItem('brightness'), true);
}
}