aboutsummaryrefslogtreecommitdiffstats
path: root/src/features/todos/components/TodosWebview.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/features/todos/components/TodosWebview.js')
-rw-r--r--src/features/todos/components/TodosWebview.js10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/features/todos/components/TodosWebview.js b/src/features/todos/components/TodosWebview.js
index 90575ebac..18a900e8a 100644
--- a/src/features/todos/components/TodosWebview.js
+++ b/src/features/todos/components/TodosWebview.js
@@ -235,10 +235,10 @@ class TodosWebview extends Component {
235 isTodoUrlValid = validURL(todoUrl); 235 isTodoUrlValid = validURL(todoUrl);
236 } 236 }
237 237
238 let displayedWidth = isVisible ? width : 0; 238 const todosPanelStyle = {
239 if (isTodosServiceActive) { 239 width: isVisible ? width : 0,
240 displayedWidth = null; 240 borderLeftWidth: isVisible ? '1px' : 0,
241 } 241 };
242 242
243 return ( 243 return (
244 <div 244 <div
@@ -246,7 +246,7 @@ class TodosWebview extends Component {
246 [classes.root]: true, 246 [classes.root]: true,
247 [classes.isTodosServiceActive]: isTodosServiceActive, 247 [classes.isTodosServiceActive]: isTodosServiceActive,
248 })} 248 })}
249 style={{ width: displayedWidth }} 249 style={todosPanelStyle}
250 onMouseUp={() => this.stopResize()} 250 onMouseUp={() => this.stopResize()}
251 ref={(node) => { this.node = node; }} 251 ref={(node) => { this.node = node; }}
252 id="todos-panel" 252 id="todos-panel"