Fixed height of particle canvas on larger screens

ljones92 · Jul 23, 2017 · 3d2cbf6 · 3d2cbf6
1 parent 835efdf
commit 3d2cbf6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.1.1]
+### Fixed
+- Fixed height of particle canvas on larger screens to help prevent performance issues
+
 ## [1.1.0]
 ### Added
 - Updated theming of site

diff --git a/app/assets/scss/partials/_title.scss b/app/assets/scss/partials/_title.scss
@@ -5,6 +5,8 @@
     background: linear-gradient(to top, $gradient);
     position: relative;
     min-height: 300px;
+    max-height: 800px;
+    overflow: hidden;
 
     &__heading {
         color: #fff;

diff --git a/app/views/Title.jsx b/app/views/Title.jsx
@@ -4,7 +4,7 @@ import ParticleCanvas from '../components/ParticleCanvas';
 
 const Title = () => (
     <div className='title'>
-        <ParticleCanvas height={window.innerWidth < 1200 ? '600px' : '100%'} />
+        <ParticleCanvas height={window.innerWidth < 1200 ? '600px' : '800px'} />
         <div className='title__heading'>
             <h1>Laurence Jones</h1>
             <span>Software Engineer</span>