Differentiate between failed thumbnail url and emtpy url images. #1829

Merged
dan1d merged 3 commits from issue-1808 into master 2018-07-31 01:03:21 +02:00
dan1d commented 2018-07-27 23:02:04 +02:00 (Migrated from github.com)

#1808
Hi, I would need an icon image to be inserted on this issue. Code is ready to be reviewed but I'm missing a second icon, I'm very bad at design, so if anyone can chime in, thanks a lot!

On Failed url:
screenshot from 2018-07-27 17-53-10
On Emtpy url:
screenshot from 2018-07-27 17-53-21

#1808 Hi, I would need an icon image to be inserted on this issue. Code is ready to be reviewed but I'm missing a second icon, I'm very bad at design, so if anyone can chime in, thanks a lot! On Failed url: ![screenshot from 2018-07-27 17-53-10](https://user-images.githubusercontent.com/3293616/43346318-15697ae6-91c7-11e8-8981-a87de04b2135.png) On Emtpy url: ![screenshot from 2018-07-27 17-53-21](https://user-images.githubusercontent.com/3293616/43346334-1e1efde6-91c7-11e8-9489-f826c0252334.png)
tzarebczan commented 2018-07-27 23:06:06 +02:00 (Migrated from github.com)

@NetOperatorWibby, think you can give us a hand?

Thanks for the contribution Dan!

@NetOperatorWibby, think you can give us a hand? Thanks for the contribution Dan!
NetOpWibby commented 2018-07-27 23:10:16 +02:00 (Migrated from github.com)

@tzarebczan How do I add images to an existing PR?

@tzarebczan How do I add images to an existing PR?
tzarebczan commented 2018-07-27 23:20:41 +02:00 (Migrated from github.com)

@dan1d where is the image pulling from? I don't see it in the PR.

@NetOperatorWibby since this is a community PR, the branch is on his forked repo. I'd assume you can edit there, or just add the thumbnail to this thread.

@dan1d where is the image pulling from? I don't see it in the PR. @NetOperatorWibby since this is a community PR, the branch is on his forked repo. I'd assume you can edit there, or just add the thumbnail to this thread.
dan1d commented 2018-07-28 00:26:45 +02:00 (Migrated from github.com)

The image is being pulled from the state variable thumbnailErrorImage. Just change the references from warning.png to your image file.

The image is being pulled from the state variable `thumbnailErrorImage`. Just change the references from `warning.png` to your image file.
tzarebczan commented 2018-07-30 18:48:43 +02:00 (Migrated from github.com)

@dan1d we'd probably want to define the warning thumbnail the same way, right?

@NetOperatorWibby might just be easier to include a png here (it would be the same size/aspect ratio as the one we provided for the no thumb scenario: https://github.com/lbryio/lbry-desktop/pull/1755/files

@dan1d we'd probably want to define the warning thumbnail the same way, right? @NetOperatorWibby might just be easier to include a png here (it would be the same size/aspect ratio as the one we provided for the no thumb scenario: https://github.com/lbryio/lbry-desktop/pull/1755/files
NetOpWibby commented 2018-07-30 19:40:14 +02:00 (Migrated from github.com)

failed-thumbnail

This should work.

![failed-thumbnail](https://user-images.githubusercontent.com/1288356/43413438-ad7d0d86-93f5-11e8-813a-956e38516a94.png) This should work.
dan1d commented 2018-07-30 20:43:21 +02:00 (Migrated from github.com)

Looks good!
screenshot from 2018-07-30 15-42-57

Looks good! ![screenshot from 2018-07-30 15-42-57](https://user-images.githubusercontent.com/3293616/43416644-42f0c560-940f-11e8-867c-4764086a6b3c.png)
kauffj commented 2018-07-30 21:04:03 +02:00 (Migrated from github.com)

Above could probably be done in pure CSS. More importantly, it should probably be the error color.

Above could probably be done in pure CSS. More importantly, it should probably be the error color.
NetOpWibby commented 2018-07-30 21:13:21 +02:00 (Migrated from github.com)

+1 for error color but I went with image since the other message is also an image. Is there a unified icon set? It would make sense to take the CSS approach then.

+1 for error color but I went with image since the other message is also an image. Is there a unified icon set? It would make sense to take the CSS approach then.
NetOpWibby commented 2018-07-30 21:16:17 +02:00 (Migrated from github.com)

error-thumbnail

Used the error color found here.

![error-thumbnail](https://user-images.githubusercontent.com/1288356/43418282-04f2b36a-9403-11e8-8210-8094eab1717d.png) Used the error color found [here](https://github.com/lbryio/lbry-desktop/blob/master/src/renderer/scss/_vars.scss#L44).
skhameneh (Migrated from github.com) requested changes 2018-07-30 22:09:09 +02:00
skhameneh (Migrated from github.com) left a comment

Waiting on image updates

Waiting on image updates
dan1d commented 2018-07-30 22:14:41 +02:00 (Migrated from github.com)

Image updated to red bg, but should we add them with CSS then ?

Image updated to red bg, but should we add them with CSS then ?
skhameneh commented 2018-07-30 22:22:52 +02:00 (Migrated from github.com)

@dan1d CSS is ideal but we'd need to have an SVG or glyphs for that. I don't think we're in the right place to do this at the moment, I'll need to sync with @seanyesmunt

@dan1d CSS is ideal but we'd need to have an SVG or glyphs for that. I don't think we're in the right place to do this at the moment, I'll need to sync with @seanyesmunt
skhameneh (Migrated from github.com) approved these changes 2018-07-30 22:22:58 +02:00
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: LBRYCommunity/lbry-desktop#1829
No description provided.