marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-13 04:20:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Library MVP (#1787)

Browse Source 
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Pete Hunt
2020-07-10 02:20:23 -07:00
committed by GitHub
parent 7ab0c1aba8
commit 6428b59ccb
18 changed files with 599 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/components/LibraryUnit.scss Normal file
View File

@@ -0,0 +1,75 @@
.library-unit {
align-items: center;
border: 1px solid #ccc;
display: flex;
height: 126px; // match width
justify-content: center;
position: relative;
width: 126px; // exactly match the toolbar width when 3 are lined up + padding
}
.library-unit__dragger {
display: flex;
height: 100%;
width: 100%;
}
.library-unit__dragger > svg {
flex-grow: 1;
max-height: 100%;
max-width: 100%;
}
.library-unit__removeFromLibrary,
.library-unit__removeFromLibrary:hover,
.library-unit__removeFromLibrary:active {
align-items: center;
background: none;
border: none;
display: flex;
justify-content: center;
margin: 0;
padding: 0;
position: absolute;
right: 5px;
top: 5px;
}
.library-unit__removeFromLibrary > svg {
height: 16px;
width: 16px;
}
.library-unit__pulse {
transform: scale(1);
animation: library-unit__pulse-animation 1s ease-in infinite;
}
.library-unit__adder {
position: absolute;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
pointer-events: none;
}
.library-unit__active {
cursor: pointer;
}
@keyframes library-unit__pulse-animation {
0% {
transform: scale(0.95);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.95);
}
}