LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix icon shrinking on snackbars with a lot of text

Browse source
This commit is contained in:
Sean Yesmunt 2020-09-09 16:32:04 -04:00
parent 86003c73a3
commit edc30ce8bd
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/scss/component/_snack-bar.scss
View file

@ -9,6 +9,8 @@
position: fixed; position: fixed;
transition: all var(--transition-duration) var(--transition-type); transition: all var(--transition-duration) var(--transition-type);
z-index: 10000; // hack to get it over react modal z-index: 10000; // hack to get it over react modal
display: flex;
flex-direction: column;
} }
.snack-bar--upgrade { .snack-bar--upgrade {
@ -35,6 +37,7 @@
.snack-bar__action { .snack-bar__action {
display: inline-block; display: inline-block;
margin: var(--spacing-s) 0; margin: var(--spacing-s) 0;
margin-left: auto;
min-width: min-content; min-width: min-content;
color: var(--color-white); color: var(--color-white);
@ -51,5 +54,6 @@
.icon { .icon {
margin-right: var(--spacing-m); margin-right: var(--spacing-m);
min-width: 1rem;
} }
} }