diff --git a/.gitignore b/.gitignore index 0b8a0db40..de7972e5e 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ # NPM /node_modules npm-* +/package-lock.json # Testing /.nyc_output diff --git a/src/components/stage/stage.css b/src/components/stage/stage.css index 7e0a59c2e..6ceb4c7e9 100644 --- a/src/components/stage/stage.css +++ b/src/components/stage/stage.css @@ -9,9 +9,9 @@ */ display: block; - /* Attach border radius directly to canvas to prevent needing overflow:hidden; */ border-radius: $space; border: $stage-standard-border-width solid $ui-black-transparent; + overflow: hidden; /* @todo: This is for overriding the value being set somewhere. Where is it being set? */ background-color: transparent; diff --git a/src/components/stage/stage.jsx b/src/components/stage/stage.jsx index f87a39b79..1a2837360 100644 --- a/src/components/stage/stage.jsx +++ b/src/components/stage/stage.jsx @@ -48,18 +48,25 @@ const StageComponent = props => { }} onDoubleClick={onDoubleClick} > - + > + + { stageDimensions.width = stageDimensions.scale * stageDimensions.widthDefault; } + // Round off dimensions to prevent resampling/blurriness + stageDimensions.height = Math.round(stageDimensions.height); + stageDimensions.width = Math.round(stageDimensions.width); + return stageDimensions; };