fix(welcome-page): remove watermark container to avoid z-index wars
By making the container 100% height and position relative, that would cause it to overlap any static-positioned elements below it. The 100% makes it so that any watermarks intended for the bottom of the page show up on the bottom of the page. However, it's not needed because watermark stylings already try to position the watermarks at the bottom.
This commit is contained in:
parent
7d2ac0244d
commit
890151fa72
|
@ -162,10 +162,4 @@ body.welcome-page {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.welcome-watermark {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -119,9 +119,7 @@ class WelcomePage extends AbstractWelcomePage {
|
||||||
className = { `welcome ${showAdditionalContent
|
className = { `welcome ${showAdditionalContent
|
||||||
? 'with-content' : 'without-content'}` }
|
? 'with-content' : 'without-content'}` }
|
||||||
id = 'welcome_page'>
|
id = 'welcome_page'>
|
||||||
<div className = 'welcome-watermark'>
|
|
||||||
<Watermarks />
|
<Watermarks />
|
||||||
</div>
|
|
||||||
<div className = 'header'>
|
<div className = 'header'>
|
||||||
<div className = 'welcome-page-settings'>
|
<div className = 'welcome-page-settings'>
|
||||||
<SettingsButton
|
<SettingsButton
|
||||||
|
|
Loading…
Reference in New Issue