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

:neckbeard: retrieve data from backend

Browse source
This commit is contained in:
alonso.torres 2020-03-16 15:52:02 +01:00
parent e700f937db
commit b2474fc3fb
15 changed files with 1022 additions and 687 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/resources/styles/main/layouts/library-page.scss
View file

@ -47,6 +47,8 @@
.library-sidebar {
background-color: $color-white;
padding: $size-2;
height: 100%;
overflow: hidden;
}
.library-sidebar-add-item {
@ -66,11 +68,17 @@
.library-sidebar-list {
margin-top: $size-4;
overflow: scroll;
height: 100%;
padding-bottom: 4rem;
}
.library-sidebar-list-element {
padding: $size-4 $size-2;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
& a {
color: $color-black;
@ -138,17 +146,19 @@
}
.library-page-cards-container {
padding: $size-2;
align-content: flex-start;
display: flex;
flex-wrap: wrap;
overflow: scroll;
height: 100%;
align-content: flex-start;
overflow: scroll;
padding: $size-2;
padding-bottom: 4rem;
}
.library-card {
margin: $size-2;
background: $color-white;
border: 2px solid transparent;
&.library-icon, &.library-color {
width: 200px;
@ -167,7 +177,11 @@
visibility: hidden;
opacity: 0;
}
&:hover {
border: 2px solid $color-primary;
}
&:hover .library-card-footer-menu {
visibility: visible;
opacity: 1;
@ -204,7 +218,7 @@
text-align: center;
display: flex;
& svg, & img {
& object, & svg, & img {
margin: auto;
width: auto;
height: auto;