调整

public/react/src/modules/user/usersInfo/InfosTopics.js

@@ -486,32 +486,36 @@ class InfosTopics extends Component{
 
 										{item.is_public===true?<span className="edu-filter-btn ml15 fl typestyle mt3 topiscfilterbtn">公开</span>:""}
 
-										{types==="personal"&&item.is_public===false?user_id===targetuserid&&user_type!="学生"?<a className="btn colorblue mr25 fr font-16" onClick={()=>this.openTopics(item.id)}>设为公开</a>:"":""}
+
 
 										<div className="cl"></div>
 
 										<p className="color-grey panel-lightgrey mt16 fl">
-											<span className={types==="personal"?"topicswidth300":"topicswidth400"}>
-												 {types==="publicly"?<span className="topsics100 color-grey9">{item.creator_name}</span>:""}
+											<span className={"topicswidth600"}>
+												 {types==="publicly"?<span className="topsics135 color-grey9 mr50">{item.creator_name}</span>:""}
 												 <span className="mr50 color-grey9">{item.quotes_count}  次引用</span>
 												 <span className="mr50 color-grey9">{item.solve_count}  次答题</span>
 											   <span className="mr50 color-grey9">{moment(item.updated_at).fromNow()}</span>
 											</span>
-											{item.course_list_name===null?"":<span className="topicsbtn">{item.course_list_name}</span>}
+											{item.course_list_name===null?"":<span className={"topsicrelative topsicinline"} title={item.course_list_name}>
+												<div className={types==="personal"?"topicsbtn topsicsmax550":"topsicsmax550 topicsbtn"}>{item.course_list_name}</div>
+											</span>}
 										</p>
 
 										<div className="homepagePostSetting homepagePostSettingname topscisright">
 											{types==="personal"?user_id===targetuserid&&user_type!="学生"?
 												<a className="btn colorblue mr25 font-16 fr"
-												 href={category==="normal"?`/banks/normal/${item.id}/edit`:
-															 category==="group"?`/banks/group/${item.id}/edit`:
+													 href={category==="normal"?`/banks/normal/${item.id}/edit`:
+														 category==="group"?`/banks/group/${item.id}/edit`:
 															 category==="poll"?`/banks/poll/${item.id}/edit`:
-															 category==="exercise"?`/banks/exercise/${item.id}/edit`:
-															 category==="gtask"?`/banks/gtask/${item.id}/edit`:
-															 category==="gtopic"?`/banks/gtopic/${item.id}/edit`:""
-												 }
+																 category==="exercise"?`/banks/exercise/${item.id}/edit`:
+																	 category==="gtask"?`/banks/gtask/${item.id}/edit`:
+																		 category==="gtopic"?`/banks/gtopic/${item.id}/edit`:""
+													 }
 												>编辑</a>
 												:"":""}
+											{types==="personal"&&item.is_public===false?user_id===targetuserid&&user_type!="学生"?<a className="btn colorblue mr25 fr font-16" onClick={()=>this.openTopics(item.id)}>设为公开</a>:"":""}
+
 										</div>
 									</div>
 								</div>

public/react/src/modules/user/usersInfo/usersInfo.css

@@ -348,8 +348,8 @@
     opacity: 1;
     border-radius: 2px;
 }
-.topicswidth400{
-    width: 400px;
+.topicswidth600{
+    mac-width: 600px;
     display: inline-block;
 }
 .topicswidth300{
@@ -366,13 +366,13 @@
 
 .topscisright{
     right: 0px;
-    top: 50px;
+    top: 64px;
     display: block;
     position: absolute;
 }
 
-.topsics100{
-    width: 100px;
+.topsics135{
+    max-width: 135px;
     display: inline-block;
 }
 
@@ -405,4 +405,21 @@
 
 .mb45{
     margin-bottom: 45px!important;
+}
+
+.topsicsmax550{
+    max-width: 550px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    position: absolute;
+    top: -16px;
+}
+
+.topsicrelative{
+    position: relative;
+}
+
+.topsicinline{
+    display: inline-block;
 }