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>
{isFlashing && (
<div>
<FeaturedProject
className={
isFlashing && isWebviewShowing ? 'fp-visible' : undefined
}
onWebviewShow={setWebviewShowing}
/>
<div
className={`featured-project ${
isFlashing && isWebviewShowing ? 'fp-visible' : ''
}`}
>
<FeaturedProject onWebviewShow={setWebviewShowing} />
</div>
)}

View File

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

View File

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