LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-01 17:55:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

increase side nav width and give extra bottom padding to deal with link preview

Browse source
This commit is contained in:
Sean Yesmunt 2020-08-20 22:05:12 -04:00
parent b688fc1cc0
commit ea2d040c22
2 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/scss/component/_navigation.scss
View file

@ -26,7 +26,7 @@
overflow-y: hidden; overflow-y: hidden;
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
padding-top: var(--spacing-l); padding-top: var(--spacing-l);
padding-bottom: var(--spacing-l); padding-bottom: var(--spacing-xl);
&:hover { &:hover {
overflow-y: auto; overflow-y: auto;
@ -40,7 +40,7 @@
.navigation--absolute { .navigation--absolute {
@extend .navigation; @extend .navigation;
z-index: 4; z-index: 4;
width: var(--side-nav-width--large); width: var(--side-nav-width);
padding-top: 0; padding-top: 0;
background-color: var(--color-card-background); background-color: var(--color-card-background);
border-top: 1px solid var(--color-border); border-top: 1px solid var(--color-border);

3
ui/scss/init/_vars.scss
View file

@ -49,9 +49,8 @@ $breakpoint-large: 1600px;
--page-max-width--filepage: 1700px; --page-max-width--filepage: 1700px;
--mac-titlebar-height: 1.5rem; --mac-titlebar-height: 1.5rem;
--mobile: 600px; --mobile: 600px;
--side-nav-width: 200px; --side-nav-width: 230px;
--side-nav-width--micro: 100px; --side-nav-width--micro: 100px;
--side-nav-width--large: 250px;
--spacing-main-padding: var(--spacing-xl); --spacing-main-padding: var(--spacing-xl);
--floating-viewer-width: 32rem; --floating-viewer-width: 32rem;