3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 21:08:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Drag and drop files in the dashboard

Browse source
This commit is contained in:
Andrés Moya 2021-03-09 09:13:17 +01:00
parent 81a604dca2
commit c2332331ce
11 changed files with 332 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -177,13 +177,17 @@
background-color: $color-white;
&:hover {
border-color: $color-primary;
border: 2px solid $color-primary;
.project-th-actions {
opacity: 1;
}
}
&.selected {
border: 2px solid $color-primary;
}
.project-th-actions {
align-items: center;
bottom: 2px;
@ -234,7 +238,6 @@
.project-th-actions.force-display {
opacity: 1;
}
}
// IMAGES SECTION
@ -275,6 +278,21 @@
margin-top: 15px;
}
.drag-counter {
position: absolute;
top: 5px;
left: 4px;
width: 32px;
height: 32px;
background-color: $color-primary;
border-radius: 50%;
color: $color-black;
font-size: $fs18;
display: flex;
justify-content: center;
align-items: center;
}
}
// STYLES FOR LIBRARIES

4
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -249,6 +249,10 @@
background-color: $color-primary;
}
}
&.dragging {
background-color: $color-primary-lighter;
}
}
}

1
frontend/resources/styles/main/partials/dashboard.scss
View file

@ -14,6 +14,7 @@
flex: 1 0 0;
margin-right: $medium;
overflow-y: auto;
user-select: none;
&.search {
margin-top: 10px;