30 && item.content.length <= 34 ? '65px' : "" }}>
+
- = 48 ? item.content.substr(0, 48) + "..." : item.content }}>
+
{item.time_ago}
@@ -194,12 +193,12 @@ function NoticeContent({ visible, showNotification, resetUserInfo, current_user:
{atUnreadList.map(item => {
return (
{ readItem(item) }}>
-
30 && item.content.length <= 42 ? '65px' : "" }}>
+
- = 50 ? item.content.substr(0, 50) + "...@我" : item.content }}>
+
{item.time_ago}
@@ -226,7 +225,7 @@ function NoticeContent({ visible, showNotification, resetUserInfo, current_user:
)
}) : "暂无数据" : ""} */}
diff --git a/src/forge/Head/header.scss b/src/forge/Head/header.scss
index d870a5f5..5c332b43 100644
--- a/src/forge/Head/header.scss
+++ b/src/forge/Head/header.scss
@@ -224,17 +224,30 @@
}
.noticeCont-text{
- flex: auto;
- position: relative;
- max-height: 48px;
+ display: flex;
color:#333333;
+ & .content-span{
+ word-break: break-all;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2; /* 这里是超出几行省略 */
+ overflow: hidden;
+ }
+
+ & .atme-cont-span{
+ width: 275px;
+ }
+
+ & .notice-cont-span{
+ width: 255px;
+ }
+
.timeSpan{
- position: absolute;
- right: 3px;
- bottom: 0px;
font-size: 12px;
color: #666666;
+ margin-left: 5px;
}
.at-name{
diff --git a/src/forge/SecuritySetting/Index.jsx b/src/forge/SecuritySetting/Index.jsx
index 4a9430c0..7330040b 100644
--- a/src/forge/SecuritySetting/Index.jsx
+++ b/src/forge/SecuritySetting/Index.jsx
@@ -61,7 +61,7 @@ function Index(props){
- 消息通知
- - -1 || pathname.indexOf("/settings/notice/privateLetter")>-1 ?"active":""}>我的通知
+ - -1 || pathname.indexOf("/settings/notice/privateLetter")>-1 ?"active":""}>我的通知
{/* - -1 ?"active":""}>通知管理
*/}
@@ -73,7 +73,7 @@ function Index(props){
(
)}
diff --git a/src/forge/SecuritySetting/notice/myNotice/Index.scss b/src/forge/SecuritySetting/notice/myNotice/Index.scss
index 1805021b..42d77d3a 100644
--- a/src/forge/SecuritySetting/notice/myNotice/Index.scss
+++ b/src/forge/SecuritySetting/notice/myNotice/Index.scss
@@ -1,5 +1,7 @@
+.whiteBack .boies .sshHead{
+ padding:0 10px 0px 0px;
+}
.sshHead{
- padding:0 10px 0px 0px !important;
.ant-badge{
font-size: 16px;
color: #333333;
@@ -14,16 +16,16 @@
position: relative;
}
- #item-private{
- margin: 0 24px 0 34px !important;
- }
+ // #item-private{
+ // margin: 0 24px 0 34px !important;
+ // }
li.ant-menu-item, .ant-menu-horizontal > .ant-menu-item {
border-bottom: 0px;
}
- .ant-menu-item-selected{
- color: #333333 !important;
+ & .ant-menu-item-selected{
+ color: #333333;
font-weight: 400;
text-shadow: 0.5px 0 #333;
border-bottom: 2px solid #2A61FF !important;
@@ -86,6 +88,11 @@ button:active {
background: #F3F4F6;
}
+ & b{
+ font-weight: 400;
+ text-shadow: 0.5px 0 #333;
+ }
+
& .invisable-read{
display: none;
}