diff --git a/src/PressureHelper.css b/src/PressureHelper.css index e9ad3d86..fa66f32c 100644 --- a/src/PressureHelper.css +++ b/src/PressureHelper.css @@ -4,11 +4,10 @@ margin: auto; z-index: 100; pointer-events: none; - transition: - top 100ms linear, - bottom 100ms linear, - left 100ms linear, - right 100ms linear; +} + +.pressure-box-empty { + visibility: hidden; } .pressure-box-fired { diff --git a/src/PressureHelper.js b/src/PressureHelper.js index 637e44d6..0f57291e 100644 --- a/src/PressureHelper.js +++ b/src/PressureHelper.js @@ -70,7 +70,7 @@ export class PressureHelper extends Component { if(this.esc_interval) clearInterval(this.esc_interval); this.setState({ - level: THRESHOLD, + level: THRESHOLD/2, },()=>{ this.esc_interval=setInterval(()=>{ let new_level=this.state.level+.1; @@ -80,7 +80,7 @@ export class PressureHelper extends Component { this.setState({ level: new_level, }); - },50); + },30); }); } }); @@ -99,9 +99,13 @@ export class PressureHelper extends Component { } render() { - const pad=this.state.level===0 ? -BORDER_WIDTH-500 : MULTIPLIER*(this.state.level-THRESHOLD)-BORDER_WIDTH; + const pad=MULTIPLIER*(this.state.level-THRESHOLD)-BORDER_WIDTH; return ( -