Photowall / Spotlight Presenter mode: Added background image configuration in fullscreen mode which was misssing.
This commit is contained in:
parent
49b8e94706
commit
20cee7d167
|
|
@ -39,6 +39,25 @@ body {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* The fullscreen element doesn't inherit <html>'s background; separate rules so an unknown selector doesn't drop the other */
|
||||||
|
.eb-present-root:fullscreen {
|
||||||
|
background-color: var(--theme-bg-color, #000);
|
||||||
|
background-image: var(--theme-bg-image, none);
|
||||||
|
background-size: var(--theme-bg-size, cover);
|
||||||
|
background-repeat: var(--theme-bg-repeat, no-repeat);
|
||||||
|
background-position: var(--theme-bg-position, center center);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.eb-present-root:-webkit-full-screen {
|
||||||
|
background-color: var(--theme-bg-color, #000);
|
||||||
|
background-image: var(--theme-bg-image, none);
|
||||||
|
background-size: var(--theme-bg-size, cover);
|
||||||
|
background-repeat: var(--theme-bg-repeat, no-repeat);
|
||||||
|
background-position: var(--theme-bg-position, center center);
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.eb-gradient-banner {
|
.eb-gradient-banner {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
34.8deg,
|
34.8deg,
|
||||||
|
|
|
||||||
|
|
@ -520,7 +520,7 @@ export function PhotoWallPresentPage({ spotlightMode = false }: { spotlightMode?
|
||||||
: singleActivityTitle(selectedSources, (data as SpotlightPresentData).activityTitles, selectedQuiz?.name);
|
: singleActivityTitle(selectedSources, (data as SpotlightPresentData).activityTitles, selectedQuiz?.name);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div ref={rootRef} className="eb-gradient-auth relative min-h-dvh overflow-x-hidden text-white">
|
<div ref={rootRef} className="eb-gradient-auth eb-present-root relative min-h-dvh overflow-x-hidden text-white">
|
||||||
<PhotoWallPresentChrome
|
<PhotoWallPresentChrome
|
||||||
event={data.event}
|
event={data.event}
|
||||||
eventHeader={data.eventHeader}
|
eventHeader={data.eventHeader}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue