Image-sequencer: 'No file chosen' wrongly placed in Import Image module

Created on 29 Sep 2018  Â·  19Comments  Â·  Source: publiclab/image-sequencer

We are preparing to participate in Google Code-in, and have reserved this issue for participants in GCI - but we'd love to have your help with another one! Please check out https://code.publiclab.org to see more.

First Timers Only

Hi, this is a first-timers-only issue. This means this has been worked to make it more legible to folks who either haven't contributed to our codebase before or even folks who haven't contributed to open source before.

If you have contributed before, consider leaving this one for someone new, and looking through our general help wanted issues. Thanks!

The Problem

'No file chosen' option in import image module is misplaced, ie. out of the box

screenshot from 2018-09-29 22-14-47

The Solution

We need to modify css such that it comes inside border or under Choose file button.
The line which needs to be mdified is:

https://github.com/publiclab/image-sequencer/blob/88364decf6a6111a0be31fd98010576d5c6f918e/src/modules/ImportImage/Ui.js#L16

https://github.com/publiclab/image-sequencer/blob/88364decf6a6111a0be31fd98010576d5c6f918e/src/modules/ImportImage/Ui.js#L11

You need to add class to it and add the new css for the specific class.

Instance Count = 1

first-timers-only fto-candidate gci-candidate help wanted

Most helpful comment

@HarshKhandeparkar Thanks for the review.

All 19 comments

GitMate.io thinks the contributors most likely able to help are @tech4GT, and @gitmate[bot].

Possibly related issues are https://github.com/publiclab/image-sequencer/issues/5 (image cropping module), https://github.com/publiclab/image-sequencer/issues/116 (Image overlay module), https://github.com/publiclab/image-sequencer/issues/233 (Add an "import image" module), https://github.com/publiclab/image-sequencer/issues/141 (move module tests into separate test files), and https://github.com/publiclab/image-sequencer/issues/108 (Math Module).

GitMate.io thinks the contributors most likely able to help are @tech4GT, and @gitmate[bot].

Possibly related issues are https://github.com/publiclab/image-sequencer/issues/5 (image cropping module), https://github.com/publiclab/image-sequencer/issues/116 (Image overlay module), https://github.com/publiclab/image-sequencer/issues/233 (Add an "import image" module), https://github.com/publiclab/image-sequencer/issues/141 (move module tests into separate test files), and https://github.com/publiclab/image-sequencer/issues/108 (Math Module).

@Paarmita It's work properly look this, can you post another screenshot
ss

@vikul1234 Plz add an import image module, then you will be able to reproduce this.

This issue has been reserved for GCI @vikul1234
We would really appreciate your help on another one which is not labelled gci. Thanks!!

This is a great issue - @Paarmita thanks! Maybe one addition is that you can link to a page including the import-image module using a permalink:

http://sequencer.publiclab.org/examples/#steps=import-image

@jywarren Yup! we can do that as well.

This task is published on GCI dashboard. Thanks all.

what we have to give in response on GCI?
Please i need help!🤔

@makoteq I believe this task has either not appeared on GCI, someone already claimed it, or it was completed but not closed.

@Paarmita @jywarren @SidharthBansal Has this issue been already solved? I can't find any PRs related to this

If there hasn't been a PR, i think it is still open. Do you see the
described design in the demo? Thanks!

On Wed, Nov 28, 2018 at 1:57 PM Oorjit Chowdhary notifications@github.com
wrote:

@Paarmita https://github.com/Paarmita @jywarren
https://github.com/jywarren @SidharthBansal
https://github.com/SidharthBansal Has this issue been already solved? I
can't find any PRs related to this

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/356#issuecomment-442563457,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AABfJxg7tZ93VuuVRHXyrusacXl3Z_rMks5uztyGgaJpZM4XAl1f
.

Can I take this issue? @jywarren @Paarmita

Seems like this is redundant and has been fixed elsewhere and is outdated. Can this be closed? @jywarren @gauravano

@HarshKhandeparkar Thanks for the review.

This issue is not required as there is a change in page design. Thanks @HarshKhandeparkar @Paarmita !

Maybe we can open a new fto though as it is not working for smaller screens

Import-image:

screenshot_20190121_003315_com android chrome

Load-image first step:

screenshot_20190121_003318_com android chrome

Sure! Go ahead!

On Mon, Jan 21, 2019 at 12:34 AM Harsh Khandeparkar <
[email protected]> wrote:

Maybe we can open a new fto though as it is not working for smaller
screens

Import-image:

[image: screenshot_20190121_003315_com android chrome]
https://user-images.githubusercontent.com/34770591/51443792-4ffc5880-1d14-11e9-8ecb-7cd27b2f5178.jpg

Load-image first step:

[image: screenshot_20190121_003318_com android chrome]
https://user-images.githubusercontent.com/34770591/51443793-5b4f8400-1d14-11e9-9ac8-1748fd59d015.jpg

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/356#issuecomment-455892960,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AT6S9lYDcOQrcorT3KQAYJMre59NhPq8ks5vFL3XgaJpZM4XAl1f
.

Ok. Will do that sometime.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sashadev-sky picture sashadev-sky  Â·  3Comments

jywarren picture jywarren  Â·  4Comments

jywarren picture jywarren  Â·  3Comments

blurry-x-face picture blurry-x-face  Â·  4Comments

VladimirMikulic picture VladimirMikulic  Â·  3Comments