fix: swagger url 导入样式修改

CHANGELOG.md

@@ -5,6 +5,7 @@
 * 接口运行和测试集合中加入参数备注信息
 * 测试接口导入支持状态过滤
 * json schema 增加枚举备注功能
+* 左侧菜单栏可以支持单独滚动条
 
 #### Bug Fixed
 

client/components/Postman/Postman.js

@@ -72,8 +72,8 @@ const ParamsNameComponent = props => {
   const TooltipTitle = () => {
     return (
       <div>
-        {example && <div>示例： {example}</div>}
-        {desc && <div>备注： {desc}</div>}
+        {example && <div>示例： <span className="table-desc">{example}</span></div>}
+        {desc && <div>备注： <span className="table-desc">{desc}</span></div>}
       </div>
     );
   };

client/containers/Project/Setting/ProjectData/ProjectData.js

@@ -333,22 +333,21 @@ class ProjectData extends Component {
                 </Select>
               </div>
               <div className="dataSync">
-                <span>
-                  开启数据同步<Tooltip title="开启数据同步后会覆盖项目中原本的数据">
+                <span className="label">
+                  开启数据同步&nbsp;<Tooltip title="开启数据同步后会覆盖项目中原本的数据">
                     <Icon type="question-circle-o" />
                   </Tooltip>{' '}
-                  :
                 </span>
 
                 <Switch checked={this.state.dataSync} onChange={this.onChange} />
               </div>
               {this.state.curImportType === 'swagger' && (
                 <div className="dataSync">
-                  <span>
-                    开启url导入<Tooltip title="swagger url 导入">
+                  <span className="label">
+                    开启url导入&nbsp;<Tooltip title="swagger url 导入">
                       <Icon type="question-circle-o" />
                     </Tooltip>{' '}
-                    &nbsp;&nbsp;:
+                    &nbsp;&nbsp;
                   </span>
 
                   <Switch checked={this.state.isSwaggerUrl} onChange={this.handleUrlChange} />

client/containers/Project/Setting/ProjectData/ProjectData.scss

@@ -30,8 +30,16 @@
           padding-top: 16px;
           font-weight: 500;
           width: 100%;
-          span{
+          .label{
             padding-right: 8px;
+            width: 115px;
+            display: inline-block;
+          }
+          .label:after {
+            content: ":";
+            margin: 0 8px 0 2px;
+            position: relative;
+            top: -.5px;
           }
         }