feat: library sidebar design tweaks (#6582)

This commit is contained in:
David Luzar 2023-05-13 13:18:14 +02:00 committed by GitHub
parent e619e06055
commit fff9d1522a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 128 additions and 68 deletions

View file

@ -1,11 +1,6 @@
@import "open-color/open-color";
.excalidraw {
.library-menu-items-container {
height: 100%;
width: 100%;
}
.layer-ui__library {
display: flex;
flex-direction: column;
@ -70,6 +65,16 @@
align-items: center;
justify-content: center;
gap: 0.625rem;
position: relative;
&--at-bottom::before {
content: "";
width: calc(100% - 1.5rem);
height: 1px;
position: absolute;
top: -1px;
background: var(--sidebar-border-color);
}
}
.library-menu-browse-button {
@ -126,4 +131,20 @@
padding: 0.25rem 0.5rem;
}
}
.layer-ui__library .library-menu-dropdown-container {
position: relative;
&--in-heading {
padding: 0;
position: absolute;
top: 1rem;
right: 0.75rem;
z-index: 1;
.dropdown-menu {
top: 100%;
}
}
}
}