1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-16 14:08:12 +00:00

fix activity page scroll and css format

This commit is contained in:
Michael An 2025-04-14 17:10:58 +08:00
parent 1f77db68e5
commit 6e6f49beed
7 changed files with 90 additions and 84 deletions

View File

@ -1,74 +1,76 @@
.activity-details { .activity-details {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.activity-details:hover {
.activity-details:hover {
color: #212529; color: #212529;
} }
.mobile-activity-time {
.mobile-activity-time {
display: inline-block; display: inline-block;
margin-bottom: .2em; margin-bottom: .2em;
} }
.cur-activity-modifiers { .cur-activity-modifiers {
margin-left: -0.5rem; margin-left: -0.5rem;
} }
.cur-activity-modifiers:hover { .cur-activity-modifiers:hover {
background: #f5f5f5; background: #f5f5f5;
cursor: pointer; cursor: pointer;
} }
.cur-activity-modifiers .toggle-icon { .cur-activity-modifiers .toggle-icon {
color: #999; color: #999;
} }
.activity-modifier-selector-container { .activity-modifier-selector-container {
width: 320px; width: 320px;
background: #fff; background: #fff;
border: 1px solid #e8e8e8; border: 1px solid #e8e8e8;
margin-top: 2px; margin-top: 2px;
z-index: 2; z-index: 2;
} }
.activity-selected-modifiers { .activity-selected-modifiers {
min-height: 2rem; min-height: 2rem;
background: #f6f6f6; background: #f6f6f6;
border-bottom: 1px solid #dde2ea; border-bottom: 1px solid #dde2ea;
line-height: 1; line-height: 1;
} }
.activity-selected-modifier { .activity-selected-modifier {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin-right: 10px; margin-right: 10px;
padding: 0 8px 0 2px; padding: 0 8px 0 2px;
border-radius: 10px; border-radius: 10px;
background: #eaeaea; background: #eaeaea;
} }
.unselect-activity-user { .unselect-activity-user {
color: #909090; color: #909090;
cursor: pointer; cursor: pointer;
} }
.unselect-activity-user:hover { .unselect-activity-user:hover {
color: #5a5a5a; color: #5a5a5a;
} }
.activity-user-list { .activity-user-list {
min-height: 4rem; min-height: 4rem;
max-height: 200px; max-height: 200px;
} }
.activity-user-item { .activity-user-item {
cursor: pointer; cursor: pointer;
} }
.activity-user-item:hover { .activity-user-item:hover {
background: #f5f5f5; background: #f5f5f5;
} }
.activity-user-name { .activity-user-name {
font-size: 14px; font-size: 14px;
} }

View File

@ -235,7 +235,7 @@ class FilesActivities extends Component {
const { onlyMine } = this.props; const { onlyMine } = this.props;
const { targetUsers, availableUsers } = this.state; const { targetUsers, availableUsers } = this.state;
return ( return (
<div className="mt-4"> <div className="main-panel-center">
<div className="cur-view-container" id="activities"> <div className="cur-view-container" id="activities">
<div className="cur-view-path"> <div className="cur-view-path">
<ul className="nav"> <ul className="nav">

View File

@ -2,10 +2,11 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Input } from 'reactstrap'; import { Input } from 'reactstrap';
import { gettext } from '../../utils/constants'; import { gettext } from '../../utils/constants';
import '../../css/log-filter.css';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import toaster from '../../components/toast'; import toaster from '../../components/toast';
import '../../css/log-filter.css';
const propTypes = { const propTypes = {
items: PropTypes.array.isRequired, items: PropTypes.array.isRequired,
selectedItems: PropTypes.array.isRequired, selectedItems: PropTypes.array.isRequired,

View File

@ -2,10 +2,11 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Input } from 'reactstrap'; import { Input } from 'reactstrap';
import { gettext } from '../../utils/constants'; import { gettext } from '../../utils/constants';
import '../../css/log-filter.css';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import toaster from '../../components/toast'; import toaster from '../../components/toast';
import '../../css/log-filter.css';
const propTypes = { const propTypes = {
componentName: PropTypes.string.isRequired, componentName: PropTypes.string.isRequired,
items: PropTypes.array.isRequired, items: PropTypes.array.isRequired,

View File

@ -1,14 +1,15 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { Link } from '@gatsbyjs/reach-router';
import toaster from '../../components/toast';
import { Utils } from '../../utils/utils';
import { orgAdminAPI } from '../../utils/org-admin-api'; import { orgAdminAPI } from '../../utils/org-admin-api';
import { siteRoot, gettext, lang } from '../../utils/constants'; import { siteRoot, gettext, lang } from '../../utils/constants';
import { Utils } from '../../utils/utils';
import toaster from '../../components/toast';
import OrgLogsFileTransferEvent from '../../models/org-logs-file-transfer'; import OrgLogsFileTransferEvent from '../../models/org-logs-file-transfer';
import '../../css/org-logs.css';
import UserLink from './user-link'; import UserLink from './user-link';
import { Link } from '@gatsbyjs/reach-router';
import '../../css/org-logs.css';
dayjs.locale(lang); dayjs.locale(lang);

View File

@ -1,14 +1,15 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { Link } from '@gatsbyjs/reach-router';
import { orgAdminAPI } from '../../utils/org-admin-api'; import { orgAdminAPI } from '../../utils/org-admin-api';
import { siteRoot, gettext, lang } from '../../utils/constants'; import { siteRoot, gettext, lang } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import toaster from '../../components/toast'; import toaster from '../../components/toast';
import OrgGroupMemberAuditLog from '../../models/org-logs-group-member-audit'; import OrgGroupMemberAuditLog from '../../models/org-logs-group-member-audit';
import '../../css/org-logs.css';
import UserLink from './user-link'; import UserLink from './user-link';
import { Link } from '@gatsbyjs/reach-router';
import '../../css/org-logs.css';
dayjs.locale(lang); dayjs.locale(lang);

View File

@ -1,4 +1,5 @@
import React, { Component, Fragment } from 'react'; import React, { Component, Fragment } from 'react';
import { InputGroupText } from 'reactstrap';
import { Utils } from '../../../utils/utils'; import { Utils } from '../../../utils/utils';
import { orgAdminAPI } from '../../../utils/org-admin-api'; import { orgAdminAPI } from '../../../utils/org-admin-api';
import { gettext, mediaUrl, logoPath, orgID, orgEnableAdminCustomLogo, orgEnableAdminCustomName, enableMultiADFS } from '../../../utils/constants'; import { gettext, mediaUrl, logoPath, orgID, orgEnableAdminCustomLogo, orgEnableAdminCustomName, enableMultiADFS } from '../../../utils/constants';
@ -8,10 +9,9 @@ import MainPanelTopbar from '../main-panel-topbar';
import Section from './section'; import Section from './section';
import InputItem from './input-item'; import InputItem from './input-item';
import FileItem from './file-item'; import FileItem from './file-item';
import { InputGroupText } from 'reactstrap'; import CheckboxItem from '../../sys-admin/web-settings/checkbox-item';
import '../../../css/system-admin-web-settings.css'; import '../../../css/system-admin-web-settings.css';
import CheckboxItem from '../../sys-admin/web-settings/checkbox-item';
const { sysEnableUserCleanTrash, sysEnableEncryptedLibrary } = window.org.pageOptions; const { sysEnableUserCleanTrash, sysEnableEncryptedLibrary } = window.org.pageOptions;