diff --git a/src/components/modals/main/settings/sections/overview_skeletons/Date.jsx b/src/components/modals/main/settings/sections/overview_skeletons/Date.jsx index 9c288bcc..bac49103 100644 --- a/src/components/modals/main/settings/sections/overview_skeletons/Date.jsx +++ b/src/components/modals/main/settings/sections/overview_skeletons/Date.jsx @@ -2,8 +2,6 @@ export default function DateSkeleton() { return ( Thursday January 1st -
- Week 1
); } diff --git a/src/components/modals/welcome/welcome.scss b/src/components/modals/welcome/welcome.scss index 96a042d4..193a46a8 100644 --- a/src/components/modals/welcome/welcome.scss +++ b/src/components/modals/welcome/welcome.scss @@ -217,26 +217,18 @@ a.privacy { animation-timing-function: ease-in;*/ } -@keyframes float-in { - 0% { - transform: translate(0, 30px); - opacity: 0; - } - 100% { - transform: translate(0, 0px); - opacity: 1; - } -} -.light { - .toggle.lightTheme { - background-color: rgba(219, 219, 219, 0.72); +.welcomeContent { + .light { + .toggle.lightTheme { + background-color: rgba(219, 219, 219, 0.72); + } } -} -.dark { - .toggle.darkTheme { - background-color: rgba(65, 71, 84, 0.9); + .dark { + .toggle.darkTheme { + background-color: rgba(65, 71, 84, 0.9); + } } } diff --git a/src/components/widgets/background/Background.jsx b/src/components/widgets/background/Background.jsx index fe98e775..7b049281 100644 --- a/src/components/widgets/background/Background.jsx +++ b/src/components/widgets/background/Background.jsx @@ -48,7 +48,7 @@ export default class Background extends PureComponent { // just set the background if (localStorage.getItem('bgtransition') === 'false') { - photoInformation?.[(photoInformation.style.display = 'block')]; + photoInformation?.[(photoInformation.style.display = 'flex')]; return (backgroundImage.style.background = `url(${url})`); } @@ -310,7 +310,7 @@ export default class Background extends PureComponent { } else { if (this.state.photoInfo.hidden === false) { try { - document.querySelector('.photoInformation').style.display = 'block'; + document.querySelector('.photoInformation').style.display = 'flex'; } catch (e) { // Disregard exception } @@ -431,7 +431,6 @@ export default class Background extends PureComponent { // only set once we've got the info componentDidUpdate() { - clearInterval(this.interval); if (this.state.video === true) { return; } diff --git a/src/components/widgets/background/Maximise.jsx b/src/components/widgets/background/Maximise.jsx index 8f6c8434..06cf75a2 100644 --- a/src/components/widgets/background/Maximise.jsx +++ b/src/components/widgets/background/Maximise.jsx @@ -71,8 +71,8 @@ export default class Maximise extends PureComponent { - ); diff --git a/src/components/widgets/background/PhotoInformation.jsx b/src/components/widgets/background/PhotoInformation.jsx index 5c1ee86c..0c1f830b 100644 --- a/src/components/widgets/background/PhotoInformation.jsx +++ b/src/components/widgets/background/PhotoInformation.jsx @@ -261,15 +261,22 @@ export default function PhotoInformation({ info, url, api }) { {showExtraInfo || other ? ( <>
- - openShareModal(true)} /> - + {!info.offline ? ( + + openShareModal(true)} /> + + ) : null} - - downloadImage(info)} /> - + {!info.offline ? ( + + downloadImage(info)} /> + + ) : null}