Fix layout when flashing

Change-type: patch
Signed-off-by: Stevche Radevski <stevche@balena.io>
This commit is contained in:
Stevche Radevski 2019-12-06 15:07:26 +01:00 committed by Lorenzo Alberto Maria Ambrosi
parent 84e45caa6c
commit 992b8a6fb6
3 changed files with 9 additions and 10 deletions

View File

@ -104,13 +104,12 @@ const MainPage = ({ DriveSelectorService, $state }: any) => {
</div> </div>
{isFlashing && ( {isFlashing && (
<div> <div
<FeaturedProject className={`featured-project ${
className={ isFlashing && isWebviewShowing ? 'fp-visible' : ''
isFlashing && isWebviewShowing ? 'fp-visible' : undefined }`}
} >
onWebviewShow={setWebviewShowing} <FeaturedProject onWebviewShow={setWebviewShowing} />
/>
</div> </div>
)} )}

View File

@ -230,7 +230,7 @@ body {
} }
} }
featured-project { .featured-project {
webview { webview {
flex: 0 1; flex: 0 1;
height: 0; height: 0;

View File

@ -9882,12 +9882,12 @@ body {
.section-header * { .section-header * {
z-index: 1; } z-index: 1; }
featured-project webview { .featured-project webview {
flex: 0 1; flex: 0 1;
height: 0; height: 0;
width: 0; } width: 0; }
featured-project.fp-visible webview { .featured-project.fp-visible webview {
width: 480px; width: 480px;
height: 360px; height: 360px;
position: absolute; position: absolute;