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:
@@ -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}/>);
|
||||||
})}
|
})}
|
||||||
|
@@ -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 {
|
||||||
|
Reference in New Issue
Block a user