量表过长样式优化

src/components/AssessResult/ScaleItem/index.jsx

@@ -284,10 +284,10 @@ class ScaleItem extends Component {
         }
         const passId = item.details[j].type==1?item.details[j].content.conceptId:undefined;
         const li = disabled?<li>
-            <span>{item.name}：</span>
+            <span className={style['s-title']}>{item.name}：</span>
             <div className={style['row']}>{temp}</div>
           </li>:<li>
-          <span>{item.name}：</span>
+          <span className={style['s-title']}>{item.name}：</span>
           <div className={style['row']}>{temp}</div>
           <div className={style["recommend"]} onClick={()=>this.props.handleRemove(false,i,passId,j)}>
             <img className={style["deleteIconNo"]} src={deleteIconNo} />
@@ -331,10 +331,10 @@ class ScaleItem extends Component {
                   title={name}
                   onClick={this.handleShowScale.bind(this,it)}>{name}</span>;
       li = disabled?<li>
-        <span>相关量表：</span>
+        <span className={style['s-title']}>相关量表：</span>
         <div className={style['row']}>{temp}</div>
       </li>:<li>
-        <span>相关量表：</span>
+        <span className={style['s-title']}>相关量表：</span>
         <div className={style['row']}>{temp}</div>
         <div className={style["recommend"]} onClick={()=>this.props.handleRemove(true,it.conceptId)}>
           <img className={style["deleteIconNo"]} src={deleteIconNo} />

src/components/AssessResult/index.less

@@ -34,12 +34,9 @@
   }
   li {
     line-height: 35px;
-    white-space: nowrap;
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
     .row{
       display: inline-block;
+      max-width: 100%;
     }
     .results{
       position: relative;
@@ -49,11 +46,22 @@
       margin-right: 10px;
       .recomand{
         color: @blue;
+
       }
     }
+    .s-title{
+      display: inline-block;
+      max-width: 100px;
+      vertical-align: top;
+    }
     .scale{
+      display: inline-block;
       color: @blue;
       cursor: pointer;
+      white-space: nowrap;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .blue{
       color:#3B9ED0;
@@ -67,6 +75,7 @@
       float: right;
       color: #929292;
       cursor: pointer;
+      margin-top: 8px;
     }
   }
   .edit-row{