haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-04-27 19:05:16 +00:00
Code Issues Releases Wiki Activity

change notice close icon style

Browse Source
This commit is contained in:
Michael An 2025-04-01 14:40:27 +08:00
parent 6614fd20a6
commit f6ede9c8a7
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;
}
.notification-container .notification-header .notification-close-icon {
.notification-container .notification-header .seahub-modal-btn {
position: absolute;
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 {

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