haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-27 23:56:18 +00:00
Code Issues Releases Wiki Activity

change notification dialog style

Browse Source
This commit is contained in:
Michael An
2024-12-02 13:35:49 +08:00
committed by 孙永强
parent 3f17045e47
commit b5a52668e9
4 changed files with 109 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/user-notifications.js
View File

@@ -1,5 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import classname from 'classnames';
import { Modal, ModalHeader, ModalBody, Dropdown, DropdownToggle, DropdownMenu, DropdownItem, TabPane, Nav, NavItem, NavLink, TabContent } from 'reactstrap';
import { Utils } from './utils/utils';
import { gettext } from './utils/constants';
@@ -214,15 +215,15 @@ class UserNotificationsDialog extends React.Component {
return (
<>
<div className="notice-dialog-side">
<Nav pills className="flex-column">
<NavItem role="tab" aria-selected={activeTab === 'general'} aria-controls="general-notice-panel">
<NavLink className={activeTab === 'general' ? 'active' : ''} onClick={this.tabItemClick} tabIndex="0" value="general">
<Nav pills className="flex-column w-100">
<NavItem className="w-100" role="tab" aria-selected={activeTab === 'general'} aria-controls="general-notice-panel">
<NavLink className={classname('w-100', 'mr-0', { 'active': activeTab === 'general' })} onClick={this.tabItemClick} tabIndex="0" value="general">
{gettext('General')}
{generalNoticeListUnseen > 0 && <span>({generalNoticeListUnseen})</span>}
</NavLink>
</NavItem>
<NavItem role="tab" aria-selected={activeTab === 'discussion'} aria-controls="discussion-notice-panel">
<NavLink className={activeTab === 'discussion' ? 'active' : ''} onClick={this.tabItemClick} tabIndex="1" value="discussion">
<NavItem className="w-100" role="tab" aria-selected={activeTab === 'discussion'} aria-controls="discussion-notice-panel">
<NavLink className={classname('w-100', 'mr-0', { 'active': activeTab === 'discussion' })} onClick={this.tabItemClick} tabIndex="1" value="discussion">
{gettext('Discussion')}
{discussionNoticeListUnseen > 0 && <span>({discussionNoticeListUnseen})</span>}
</NavLink>
@@ -260,13 +261,15 @@ class UserNotificationsDialog extends React.Component {
else {
const isDesktop = Utils.isDesktop();
const theadData = isDesktop ? [
{ width: '7%', text: '' },
{ width: '73%', text: gettext('Message') },
{ width: '20%', text: gettext('Time') }
{ width: '2%', text: '' },
{ width: '15%', text: gettext('User') },
{ width: '63%', text: gettext('Message') },
{ width: '20%', text: gettext('Update time') }
] : [
{ width: '15%', text: '' },
{ width: '2%', text: '' },
{ width: '13%', text: gettext('User') },
{ width: '52%', text: gettext('Message') },
{ width: '33%', text: gettext('Time') }
{ width: '33%', text: gettext('Update time') }
];
content = (
<table className="table-hover" ref={ref => this.tableRef = ref}>