haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-17 22:47:59 +00:00
Code Issues Releases Wiki Activity

Add metadata kanban collapsed tip (#7628)

Browse Source 
* 01 change tip color to # 666

* 02 show tips when Kanban is collapsed

* 03 fix warning
This commit is contained in:
Michael An 2025-03-18 10:09:28 +08:00 committed by GitHub
parent 63c3b36b80
commit 0b698bf13c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/css/file-history-old.css
View File

@ -46,7 +46,7 @@
} }
.old-history-main p { .old-history-main p {
color: #808080; color: #666;
font-size: 12px; font-size: 12px;
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;

2
frontend/src/css/file-view.css
View File

@ -113,7 +113,7 @@ body {
} }
.tip { .tip {
color: #808080; color: #666;
} }
.file-details-container { .file-details-container {

2
frontend/src/css/share-link-dialog.css
View File

@ -117,7 +117,7 @@
} }
.tip { .tip {
color: #808080; color: #666;
margin-bottom: 1rem; margin-bottom: 1rem;
} }

3
frontend/src/metadata/views/kanban/boards/board/header/index.js
View File

@ -9,6 +9,7 @@ import { CellType } from '../../../../../constants';
import './index.css'; import './index.css';
const Header = ({ readonly, haveFreezed, value, groupByColumn, cardsQuantity, onDelete, onFreezed, onUnFreezed, isCollapsed, onCollapse }) => { const Header = ({ readonly, haveFreezed, value, groupByColumn, cardsQuantity, onDelete, onFreezed, onUnFreezed, isCollapsed, onCollapse }) => {
// eslint-disable-next-line no-unused-vars
const [active, setActive] = useState(false); const [active, setActive] = useState(false);
const headerRef = useRef(); const headerRef = useRef();
@ -53,7 +54,6 @@ const Header = ({ readonly, haveFreezed, value, groupByColumn, cardsQuantity, on
)} )}
<span className="cards-quantity">{cardsQuantity}</span> <span className="cards-quantity">{cardsQuantity}</span>
</div> </div>
{active && (
<div className="board-header-operation-btn"> <div className="board-header-operation-btn">
{value && !readonly && <OpMenu onDelete={onDelete} onFreezed={onFreezed} onUnFreezed={handelUnFreezed} />} {value && !readonly && <OpMenu onDelete={onDelete} onFreezed={onFreezed} onUnFreezed={handelUnFreezed} />}
<i <i
@ -62,7 +62,6 @@ const Header = ({ readonly, haveFreezed, value, groupByColumn, cardsQuantity, on
onClick={handleCollapse}> onClick={handleCollapse}>
</i> </i>
</div> </div>
)}
</div> </div>
); );
}; };

7
frontend/src/metadata/views/kanban/boards/board/index.js
View File

@ -7,6 +7,7 @@ import Draggable from '../../dnd/draggable';
import { useMetadataView } from '../../../../hooks/metadata-view'; import { useMetadataView } from '../../../../hooks/metadata-view';
import { getRowById } from '../../../../../components/sf-table/utils/table'; import { getRowById } from '../../../../../components/sf-table/utils/table';
import { getRecordIdFromRecord } from '../../../../utils/cell'; import { getRecordIdFromRecord } from '../../../../utils/cell';
import { gettext } from '@/utils/constants';
import './index.css'; import './index.css';
@ -73,7 +74,9 @@ const Board = ({
isCollapsed={isCollapsed} isCollapsed={isCollapsed}
onCollapse={onCollapse} onCollapse={onCollapse}
/> />
{!isCollapsed && ( {isCollapsed ?
<div className="tip m-2">{gettext('This list is collapsed')}</div>
:
<Container <Container
className='react-trello-board' className='react-trello-board'
orientation="vertical" orientation="vertical"
@ -124,7 +127,7 @@ const Board = ({
); );
})} })}
</Container> </Container>
)} }
</section> </section>
); );
}; };

2
media/css/seahub.css
View File

@ -735,7 +735,7 @@ table img {
/* highlight */ /* highlight */
.tip { .tip {
color: #808080; color: #666;
font-size: 12px; font-size: 12px;
} }

2
media/css/seahub_react.css
View File

@ -1342,7 +1342,7 @@ a.table-sort-op:hover {
margin: 2rem auto; margin: 2rem auto;
padding: 30px 40px; padding: 30px 40px;
font-size: 1rem; font-size: 1rem;
color: #808080; color: #666;
text-align: center; text-align: center;
} }