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

Update CSS for toast message #7213

Merged
dan-peterson merged 1 commit from fix-toast-overflow into master 2021-10-04 15:21:59 +02:00
Conversation 0 Commits 1 Files changed 2 +8 -5
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/snackBar/view.jsx
View file

@ -7,7 +7,7 @@ import Icon from 'component/common/icon';
import LbcMessage from 'component/common/lbc-message';
type Props = {
removeSnack: any => void,
removeSnack: (any) => void,
snack: ?{
linkTarget: ?string,
linkText: ?string,
@ -53,9 +53,9 @@ class SnackBar extends React.PureComponent<Props> {
<div className="snack-bar__message">
<Icon icon={isError ? ICONS.ALERT : ICONS.COMPLETED} size={18} />
<div>
<p className="snack-bar__messageText">
<LbcMessage>{message}</LbcMessage>
</div>
</p>
</div>
{linkText && linkTarget && (
// This is a little weird because of `linkTarget` code in `lbry-redux`

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

@ -47,8 +47,6 @@
}
.snack-bar__message {
overflow: hidden;
text-overflow: ellipsis;
align-items: center;
display: flex;
flex-direction: row;
@ -64,3 +62,8 @@
min-width: 1rem;
}
}
.snack-bar__messageText {
min-width: 0;
text-overflow: ellipsis;
overflow: hidden;
}