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

12.0 change triangle icon (#6233)

Browse Source 
* change main page

* change main panel icon to #666666

* change wiki icon

* change sort icons

* change hidden header table

* change style
This commit is contained in:
Michael An
2024-06-21 12:07:58 +08:00
committed by GitHub
parent bcc0576014
commit b7e686786a
52 changed files with 102 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/pages/sys-admin/dingtalk/dingtalk-departments-tree-node.js
View File

@@ -86,8 +86,8 @@ class DingtalkDepartmentsTreeNode extends Component {
render() {
const { isChildrenShow, department, checkedDepartmentId } = this.props;
let toggleClass = classNames({
'folder-toggle-icon fa fa-caret-down': department.children && this.state.isChildrenShow,
'folder-toggle-icon fa fa-caret-right': department.children && !this.state.isChildrenShow,
'folder-toggle-icon sf3-font sf3-font-down rotate-270': department.children && this.state.isChildrenShow,
'folder-toggle-icon sf3-font sf3-font-down': department.children && !this.state.isChildrenShow,
});
let nodeInnerClass = classNames({
'tree-node-inner': true,

2
frontend/src/pages/sys-admin/links/share-links.js
View File

@@ -55,7 +55,7 @@ class Content extends Component {
);
const initialSortIcon = <span className="fas fa-sort"></span>;
const sortIcon = <span className={`fas ${sortOrder == 'asc' ? 'fa-caret-up' : 'fa-caret-down'}`}></span>;
const sortIcon = <span className={`sf3-font ${sortOrder == 'asc' ? 'sf3-font-down rotate-180 d-inline-block' : 'sf3-font-down'}`}></span>;
const table = (
<Fragment>
<table className="table-hover">

2
frontend/src/pages/sys-admin/repos/repos.js
View File

@@ -67,7 +67,7 @@ class Content extends Component {
</EmptyTip>
);
const initialSortIcon = <span className="fas fa-sort"></span>;
const sortIcon = <span className="fas fa-caret-down"></span>;
const sortIcon = <span className="sf3-font sf3-font-down"></span>;
const table = (
<Fragment>
<table>

2
frontend/src/pages/sys-admin/statistic/traffic-table.js
View File

@@ -18,7 +18,7 @@ class TrafficTable extends React.Component {
render() {
const { type, sortBy, sortOrder } = this.props;
const sortIcon = sortOrder == 'asc' ? <span className="fas fa-caret-up"></span> : <span className="fas fa-caret-down"></span>;
const sortIcon = sortOrder == 'asc' ? <span className="sf3-font sf3-font-down rotate-180 d-inline-block"></span> : <span className="sf3-font sf3-font-down"></span>;
return (
<table className="table-hover">

2
frontend/src/pages/sys-admin/users/users-content.js
View File

@@ -78,7 +78,7 @@ class Content extends Component {
// initial sort icon
sortIcon = <span className="fas fa-sort"></span>;
} else {
sortIcon = <span className={`fas ${sortOrder == 'asc' ? 'fa-caret-up' : 'fa-caret-down'}`}></span>;
sortIcon = <span className={`sf3-font ${sortOrder == 'asc' ? 'sf3-font-down rotate-180 d-inline-block' : 'sf3-font-down'}`}></span>;
}
const spaceText = gettext('Space Used');
const spaceEl =

3
frontend/src/pages/sys-admin/users/users-filter-bar.css
View File

@@ -6,7 +6,7 @@
border-radius: 5px;
}
.users-filter-bar .users-filter-bar-dropdown-toggle .sf3-font-drop-down {
.users-filter-bar .users-filter-bar-dropdown-toggle .sf3-font-down {
color: #999;
margin-left: auto;
display: inline-flex;
@@ -15,7 +15,6 @@
font-size: 12px;
width: 24px;
height: 24px;
transform: scale(.8);
}
.users-filter-bar .users-filter-bar-dropdown-toggle:hover {

4
frontend/src/pages/sys-admin/users/users-filter-bar.js
View File

@@ -62,7 +62,7 @@ class UsersFilterBar extends Component {
className="users-filter-bar-dropdown-toggle"
>
<span>{gettext('Status')}{': '}{this.translateStatus(this.props.isActive)}</span>
<span className='sf3-font-drop-down sf3-font'></span>
<span className='sf3-font-down sf3-font'></span>
</DropdownToggle>
<DropdownMenu>
<DropdownItem key={0} onClick={() => { onStatusChange(''); }}>
@@ -84,7 +84,7 @@ class UsersFilterBar extends Component {
className="users-filter-bar-dropdown-toggle"
>
<span>{gettext('Role')}{': '}{this.translateRole(this.props.role)}</span>
<span className='sf3-font-drop-down sf3-font'></span>
<span className='sf3-font-down sf3-font'></span>
</DropdownToggle>
<DropdownMenu>
<DropdownItem key={0} onClick={() => { onRoleChange(''); }}>

4
frontend/src/pages/sys-admin/work-weixin/work-weixin-departments-tree-node.js
View File

@@ -86,8 +86,8 @@ class WorkWeixinDepartmentsTreeNode extends Component {
render() {
const { isChildrenShow, department, checkedDepartmentId } = this.props;
let toggleClass = classNames({
'folder-toggle-icon fa fa-caret-down': department.children && this.state.isChildrenShow,
'folder-toggle-icon fa fa-caret-right': department.children && !this.state.isChildrenShow,
'folder-toggle-icon sf3-font sf3-font-down rotate-270': department.children && this.state.isChildrenShow,
'folder-toggle-icon sf3-font sf3-font-down': department.children && !this.state.isChildrenShow,
});
let nodeInnerClass = classNames({
'tree-node-inner': true,