added library reordering & prefix rename
This commit is contained in:
parent
f8ce9a9945
commit
aca9f839e3
13 changed files with 374 additions and 20 deletions
|
|
@ -490,6 +490,8 @@ select {
|
|||
margin: 1rem 0;
|
||||
}
|
||||
.game-card {
|
||||
position: relative;
|
||||
cursor: grab;
|
||||
flex: 1 1 17rem;
|
||||
min-width: 17rem;
|
||||
max-width: 24rem;
|
||||
|
|
@ -526,6 +528,21 @@ select {
|
|||
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='3' y='3' width='18' height='18' rx='2'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='M21 15l-5-5L5 21'/></svg>") center / contain no-repeat;
|
||||
}
|
||||
.game-card:hover { border-color: rgba(255, 255, 255, 0.2); }
|
||||
/* drag & drop reordering: the dragged card fades, the hovered one shows on
|
||||
which side the dragged card will land */
|
||||
.game-card.dragging { opacity: 0.4; }
|
||||
.game-card.drop-before::after,
|
||||
.game-card.drop-after::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
bottom: 0.5rem;
|
||||
width: 0.22rem;
|
||||
border-radius: 0.11rem;
|
||||
background: var(--text-color);
|
||||
}
|
||||
.game-card.drop-before::after { left: -0.5rem; }
|
||||
.game-card.drop-after::after { right: -0.5rem; }
|
||||
.game-card h3 {
|
||||
font-size: 1.05rem;
|
||||
font-family: 'Nunito Black', 'Nunito', sans-serif;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue