haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-28 16:17:02 +00:00
Code Issues Releases Wiki Activity

optimize notification ui (#8074)

Browse Source 
* optimize notification ui

* optimize

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-07-23 16:41:53 +08:00
committed by GitHub
parent 982c3a771f
commit 7e746d3269
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/common/account.js
View File

@@ -148,7 +148,7 @@ class Account extends Component {
render() {
return (
<div id="account" ref={ref => this.accountDOM = ref}>
<div id="account" ref={ref => this.accountDOM = ref} className="ml-4">
<a id="my-info" href="#" onClick={this.onClickAccount} className="account-toggle no-deco d-none d-md-block" aria-label={gettext('View profile and more')}>
{this.renderAvatar()}
</a>

2
frontend/src/components/common/notification.js
View File

@@ -179,7 +179,7 @@ class Notification extends React.Component {
<div id="notifications">
<a href="#" onClick={this.onClick} className="no-deco" id="notice-icon" title={gettext('Notifications')} aria-label={gettext('Notifications')}>
<IconBtn id="notification-popover" symbol="notification" size={32} className="sf-icon-bell" />
<span className={`num ${totalUnseenCount ? '' : 'hide'}`}>{totalUnseenCount}</span>
<span className={`num ${totalUnseenCount ? '' : 'hide'}`}>{totalUnseenCount < 1000 ? totalUnseenCount : '999+'}</span>
</a>
{this.state.showNotice &&
<NotificationPopover

12
frontend/src/css/notification.css
View File

@@ -35,17 +35,17 @@
#notifications .num {
position: absolute;
top: -3px;
left: 12px;
left: 18px;
padding: 0 2px;
min-width: 16px;
height: 16px;
min-width: 14px;
height: 14px;
color: #fff;
font-size: 9px;
line-height: 16px;
line-height: 14px;
text-align: center;
background: #fc6440;
border-radius: 100%;
border-radius: 7px;
z-index: 1;
}
#notice-popover {