Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-19 13:19: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 dc09246d8a
commit b9d4024957
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 ( return (
<Container className={styles.cardsWrapper}> <Container className={styles.cardsWrapper}>
<Grid className={styles.gridFix}> <Grid className={styles.gridFix}>
<Grid.Row> {items.map((item) => (
{items.map((item) => ( <Grid.Column key={item.id} mobile={8} computer={4}>
<Grid.Column key={item.id} mobile={8} computer={4}> <Link
<Link to={
to={ item.firstBoardId
item.firstBoardId ? Paths.BOARDS.replace(':id', item.firstBoardId)
? Paths.BOARDS.replace(':id', item.firstBoardId) : Paths.PROJECTS.replace(':id', item.id)
: Paths.PROJECTS.replace(':id', item.id) }
} >
> <div className={classNames(styles.card, styles.open)}>
<div className={classNames(styles.card, styles.open)}> <div className={styles.cardOverlay} />
<div className={styles.cardOverlay} /> <div className={styles.openTitle}>{item.name}</div>
<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> </div>
</Link> </div>
</Grid.Column> </button>
))} </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>
</Grid> </Grid>
</Container> </Container>
); );

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

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

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

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