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 main page scrollbar and socket status position

Browse source
This commit is contained in:
Maksim Eltyshev 2019-10-09 01:05:06 +05:00
parent a34eda12f9
commit d88bec8b6b
3 changed files with 32 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

64
client/src/components/Projects/Projects.jsx
View file

@ -21,40 +21,38 @@ const Projects = React.memo(({
return (
<Container className={styles.cardsWrapper}>
<Grid className={styles.gridFix}>
<Grid.Row>
{items.map((item) => (
<Grid.Column key={item.id} mobile={8} computer={4}>
<Link
to={
item.firstBoardId
? Paths.BOARDS.replace(':id', item.firstBoardId)
: Paths.PROJECTS.replace(':id', item.id)
}
>
<div className={classNames(styles.card, styles.open)}>
<div className={styles.cardOverlay} />
<div className={styles.openTitle}>{item.name}</div>
{items.map((item) => (
<Grid.Column key={item.id} mobile={8} computer={4}>
<Link
to={
item.firstBoardId
? Paths.BOARDS.replace(':id', item.firstBoardId)
: Paths.PROJECTS.replace(':id', item.id)
}
>
<div className={classNames(styles.card, styles.open)}>
<div className={styles.cardOverlay} />
<div className={styles.openTitle}>{item.name}</div>
</div>
</Link>
</Grid.Column>
))}
{isEditable && (
<Grid.Column mobile={8} computer={4}>
<button
type="button"
className={classNames(styles.card, styles.add)}
onClick={onAdd}
>
<div className={styles.addTitleWrapper}>
<div className={styles.addTitle}>
<PlusIcon className={styles.addGridIcon} />
{t('action.createProject')}
</div>
</Link>
</Grid.Column>
))}
{isEditable && (
<Grid.Column mobile={8} computer={4}>
<button
type="button"
className={classNames(styles.card, styles.add)}
onClick={onAdd}
>
<div className={styles.addTitleWrapper}>
<div className={styles.addTitle}>
<PlusIcon className={styles.addGridIcon} />
{t('action.createProject')}
</div>
</div>
</button>
</Grid.Column>
)}
</Grid.Row>
</div>
</button>
</Grid.Column>
)}
</Grid>
</Container>
);

2
client/src/components/Projects/Projects.module.css
View file

@ -36,7 +36,6 @@
.card {
border-radius: 4px;
height: 150px;
margin-bottom: 24px;
transition: all 200ms ease !important;
}
@ -53,7 +52,6 @@
.cardsWrapper {
flex: 1 1 auto;
max-height: 100%;
overflow: auto;
}
.gridFix {

2
client/src/components/SocketStatus/SocketStatus.module.css
View file

@ -28,7 +28,7 @@
bottom: 20px;
box-shadow: #b04632 0 1px 0;
padding: 12px 18px;
position: absolute;
position: fixed;
right: 20px;
width: 390px;
z-index: 10001;