turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix design with white borders being visible while dragging teams

This commit is contained in:
JP1998 2019-04-16 19:17:28 +02:00
parent 23447c7afe
commit dc3b1a2cac
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
js/components/EditableStringList.js
View File

@ -198,6 +198,7 @@ class GroupView extends React.Component {
<CardTitle>Group {groupindex + 1}</CardTitle> <CardTitle>Group {groupindex + 1}</CardTitle>
{group.map((team, teamindex) => ( {group.map((team, teamindex) => (
<div key={team} draggable droppable="droppable" <div key={team} draggable droppable="droppable"
className="grouped-team-item"
onDragStart={(e) => this.onDragStart(e, groupindex,teamindex)} onDragStart={(e) => this.onDragStart(e, groupindex,teamindex)}
onDragOver={(e) => this.onDragOver(e)} onDragOver={(e) => this.onDragOver(e)}
onDrop={(e) => this.onDrop(e, groupindex, teamindex)}> onDrop={(e) => this.onDrop(e, groupindex, teamindex)}>

12
static/css/editablestringlist.css
View File

@ -10,6 +10,16 @@
display: inline-block; display: inline-block;
} }
.group-card .team-item { .grouped-team-item {
display: block; display: block;
margin-bottom: .5rem;
border-radius: .25rem;
}
.grouped-team-item:last-child {
margin-bottom: 0px;
}
.grouped-team-item > .m-2 {
margin: 0 !important;
} }