1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-07 18:03:48 +00:00

[notifications popover] fixed content alignment in the header; removed the left black dots for items (#5520)

This commit is contained in:
llj
2023-06-21 16:17:42 +08:00
committed by GitHub
parent 2024b030f3
commit d6bb78fe41
2 changed files with 5 additions and 5 deletions

View File

@@ -68,12 +68,12 @@ class Notification extends React.Component {
</a> </a>
<div id="notice-popover" className={`sf-popover ${this.state.showNotice ? '': 'hide'}`}> <div id="notice-popover" className={`sf-popover ${this.state.showNotice ? '': 'hide'}`}>
<div className="outer-caret up-outer-caret"><div className="inner-caret"></div></div> <div className="outer-caret up-outer-caret"><div className="inner-caret"></div></div>
<div className="sf-popover-hd ovhd"> <div className="sf-popover-hd h-7 d-flex align-items-center justify-content-center">
<h3 className="sf-popover-title title">{gettext('Notifications')}</h3> <h3 className="sf-popover-title title m-0">{gettext('Notifications')}</h3>
<a href="#" onClick={this.onClick} title={gettext('Close')} aria-label={gettext('Close')} className="sf-popover-close js-close sf2-icon-x1 action-icon float-right"></a> <a href="#" onClick={this.onClick} title={gettext('Close')} aria-label={gettext('Close')} className="sf-popover-close js-close sf2-icon-x1 action-icon m-0"></a>
</div> </div>
<div className="sf-popover-con"> <div className="sf-popover-con">
<ul className="notice-list"> <ul className="notice-list list-unstyled">
{this.state.noticeList.map(item => { {this.state.noticeList.map(item => {
return (<NoticeItem key={item.id} noticeItem={item} onNoticeItemClick={this.onNoticeItemClick}/>); return (<NoticeItem key={item.id} noticeItem={item} onNoticeItemClick={this.onNoticeItemClick}/>);
})} })}

View File

@@ -825,7 +825,7 @@ a, a:hover { color: #ec8000; }
#notice-popover .sf-popover-close { #notice-popover .sf-popover-close {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 5px; top: 17px;
} }
#notice-popover .sf-popover-hd { #notice-popover .sf-popover-hd {