secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Finally working - separated fixed and flexi height parallaxing to pull it off

Browse Source
This commit is contained in:
James Barnsley
2018-12-19 08:20:21 +13:00
parent fbbd254082
commit cf0ca4b2e1
11 changed files with 13817 additions and 10516 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/js/components/Parallax.js
View File

@ -56,8 +56,10 @@ export default class Parallax extends React.Component{
if (this.state.loaded){
class_name += " parallax--loaded";
}
if (this.props.boxed){
class_name += " parallax--boxed";
if (this.props.fixedHeight){
class_name += " parallax--fixed-height";
} else {
class_name += " parallax--flexible-height";
}
var style = {};
@ -67,8 +69,10 @@ export default class Parallax extends React.Component{
return (
<div className={class_name}>
<div className="parallax__image" style={style}></div>
<div className="parallax__overlay"></div>
<div className="parallax__layer">
<div className="parallax__image" style={style}></div>
<div className="parallax__overlay"></div>
</div>
</div>
);
}

2
src/js/views/Artist.js
View File

@ -307,7 +307,7 @@ class Artist extends React.Component{
<div className="view artist-view preserve-3d">
<div className="intro preserve-3d">
<Parallax image={image} boxed />
<Parallax image={image} fixedHeight />
<div className="liner">
<h1>{this.props.artist ? this.props.artist.name : null}</h1>