haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-16 14:08:12 +00:00
Code Issues Releases Wiki Activity

Merge pull request #7695 from haiwen/change-notice-icon

Browse Source 
change notice close icon style
This commit is contained in:
Lewis 2025-04-08 14:58:07 +08:00 committed by GitHub
commit a865aecb6f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/common/notification-popover/index.css
View File

@ -29,20 +29,9 @@
position: relative; position: relative;
} }
.notification-container .notification-header .notification-close-icon { .notification-container .notification-header .seahub-modal-btn {
position: absolute; position: absolute;
right: 14px; right: 14px;
height: 24px;
width: 24px;
text-align: center;
cursor: pointer;
color: #000;
opacity: 0.5;
font-weight: 700;
}
.notification-container .notification-header .notification-close-icon:hover {
opacity: 0.75;
} }
.notification-container .notification-body { .notification-container .notification-body {

5
frontend/src/components/common/notification-popover/index.js
View File

@ -2,6 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Popover } from 'reactstrap'; import { Popover } from 'reactstrap';
import { gettext } from '../../../utils/constants'; import { gettext } from '../../../utils/constants';
import SeahubModalCloseIcon from '../seahub-modal-close';
import './index.css'; import './index.css';
@ -48,9 +49,9 @@ class NotificationPopover extends React.Component {
placement="bottom" placement="bottom"
> >
<div className="notification-container" ref={ref => this.notificationContainerRef = ref}> <div className="notification-container" ref={ref => this.notificationContainerRef = ref}>
<div className="notification-header"> <div className="notification-header modal">
{headerText} {headerText}
<span className="sf3-font sf3-font-x-01 notification-close-icon" onClick={this.props.onNotificationListToggle}></span> <SeahubModalCloseIcon toggle={this.props.onNotificationListToggle} />
</div> </div>
<div className="notification-body"> <div className="notification-body">
<div className="mark-notifications"> <div className="mark-notifications">