fix: better pending style for publishes
This commit is contained in:
parent
d65c92f300
commit
82dc80e100
3 changed files with 13 additions and 3 deletions
src/renderer
|
@ -110,7 +110,7 @@ class FileCard extends React.PureComponent<Props> {
|
||||||
role="button"
|
role="button"
|
||||||
onClick={!pending ? () => navigate('/show', { uri }) : () => {}}
|
onClick={!pending ? () => navigate('/show', { uri }) : () => {}}
|
||||||
className={classnames('media-card', {
|
className={classnames('media-card', {
|
||||||
'media--link': !pending,
|
'card--link': !pending,
|
||||||
'media--pending': pending,
|
'media--pending': pending,
|
||||||
})}
|
})}
|
||||||
onContextMenu={handleContextMenu}
|
onContextMenu={handleContextMenu}
|
||||||
|
|
|
@ -26,7 +26,7 @@ class ModalSendTip extends React.PureComponent<Props> {
|
||||||
>
|
>
|
||||||
<section className="card__content">
|
<section className="card__content">
|
||||||
<p>{__('Your file has been published to LBRY at the address')}</p>
|
<p>{__('Your file has been published to LBRY at the address')}</p>
|
||||||
<p className="card__success-msg">{uri}</p>
|
<blockquote>{uri}</blockquote>
|
||||||
<p>
|
<p>
|
||||||
{__(
|
{__(
|
||||||
'The file will take a few minutes to appear for other LBRY users. Until then it will be listed as "pending" under your published files.'
|
'The file will take a few minutes to appear for other LBRY users. Until then it will be listed as "pending" under your published files.'
|
||||||
|
|
|
@ -76,6 +76,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// M E D I A
|
||||||
|
// P E N D I N G
|
||||||
|
|
||||||
|
.media--pending {
|
||||||
|
opacity: 0.5;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// M E D I A
|
// M E D I A
|
||||||
// S E A R C H R E S U L T
|
// S E A R C H R E S U L T
|
||||||
|
|
||||||
|
@ -454,7 +465,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-card {
|
.media-card {
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: var(--spacing-vertical-large);
|
margin-bottom: var(--spacing-vertical-large);
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
Loading…
Add table
Reference in a new issue