From 17bd3726682a5627cda893ec1cc18e7a1f87c641 Mon Sep 17 00:00:00 2001
From: Michael An <2331806369@qq.com>
Date: Fri, 1 Mar 2019 11:02:24 +0800
Subject: [PATCH] fix resizer width (#3023)

---
 frontend/src/components/dir-view-mode/dir-column-view.js | 4 ++--
 frontend/src/css/lib-content-view.css                    | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/dir-view-mode/dir-column-view.js b/frontend/src/components/dir-view-mode/dir-column-view.js
index dea0aaad34..698a74057b 100644
--- a/frontend/src/components/dir-view-mode/dir-column-view.js
+++ b/frontend/src/components/dir-view-mode/dir-column-view.js
@@ -134,7 +134,7 @@ class DirColumnView extends React.Component {
     return '';
   }
 
-  componentDidMount() {
+  componentWillMount() {
     let rate = this.getCookie('navRate');
     if (rate) {
       this.setState({
@@ -148,7 +148,7 @@ class DirColumnView extends React.Component {
     const select = this.state.inResizing ? 'none' : '';
     const mainFlex = '1 0 ' + (1 - this.state.navRate) * 100 + '%';
     return (
-      <div className="d-flex" onMouseMove={onResizeMove} onMouseUp={this.onResizeMouseUp} ref="viewModeContainer">
+      <div className="dir-colunm-view" onMouseMove={onResizeMove} onMouseUp={this.onResizeMouseUp} ref="viewModeContainer">
         <DirColumnNav 
           currentPath={this.props.path}
           repoPermission={this.props.repoPermission}
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index 4808dc8d49..17c5d657d5 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -7,6 +7,11 @@
   min-height: 0;
 }
 
+.dir-colunm-view {
+  display: flex;
+  width: 100%;
+}
+
 .dir-content-nav {
   flex: 0 0 25%;
   display: flex;