Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-18 20:59:44 +02:00
Code Issues Releases Activity

fix: Apply disabled style to card content instead of wrapper

Browse source
This commit is contained in:
Maksim Eltyshev 2025-05-24 13:01:07 +02:00
parent 4049b4c396
commit 71e2c5d8df
2 changed files with 19 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
client/src/components/cards/Card/Card.jsx
View file

@ -101,18 +101,19 @@ const Card = React.memo(({ id, isInline }) => {
return (
<div
className={classNames(
styles.wrapper,
list.type === ListTypes.CLOSED && styles.wrapperDisabled,
isHighlightedAsRecent && styles.wrapperRecent,
'card',
)}
className={classNames(styles.wrapper, isHighlightedAsRecent && styles.wrapperRecent, 'card')}
>
{card.isPersisted ? (
<>
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
jsx-a11y/no-static-element-interactions */}
<div className={styles.content} onClick={handleClick}>
<div
className={classNames(
styles.content,
list.type === ListTypes.CLOSED && styles.contentDisabled,
)}
onClick={handleClick}
>
<Content cardId={id} />
{colorLineNode}
</div>
@ -125,7 +126,12 @@ const Card = React.memo(({ id, isInline }) => {
)}
</>
) : (
<span className={styles.content}>
<span
className={classNames(
styles.content,
list.type === ListTypes.CLOSED && styles.contentDisabled,
)}
>
<Content cardId={id} />
{colorLineNode}
</span>

10
client/src/components/cards/Card/Card.module.scss
View file

@ -43,6 +43,11 @@
}
}
.contentDisabled {
filter: saturate(0.5);
opacity: 0.64;
}
.wrapper {
background: #fff;
border-radius: 3px;
@ -59,11 +64,6 @@
}
}
.wrapperDisabled {
filter: saturate(0.5);
opacity: 0.64;
}
.wrapperRecent:not(:hover) {
overflow: hidden;