search

intermine / InterMine-Data-Browser-Tool

InterMine Data Browser: a tool for exploring semi-homogeneous biological datasets
http://data-browser.apps.intermine.org/
Other
7 stars 33 forks source link

Make the app fully responsive #64

Open AdrianBZG opened 4 years ago

AdrianBZG commented 4 years ago

It would be ideal to make the app fully responsive, especially header, menu, footer, etc.

dmahajan980 commented 4 years ago

Hi @AdrianBZG! Thanks for opening up this issue. Since I had a few ideas regarding the app's and its components' responsiveness, I am very much interested in working upon this issue.

AdrianBZG commented 4 years ago

@dmahajan980 Sure. We ought to discuss the ideas you have in this issue, so that we can come to a proposal before actually coding it 😄

lazycipher commented 4 years ago

@AdrianBZG, I propose to use Material Design! I really love this way of designing web pages!

dmahajan980 commented 4 years ago

@AdrianBZG, for the app's responsiveness, I intend to fix the its main body (other than navbar, side-nav and footer) first. Currently, we have the following (major) responsiveness issues related to it:

  1. Graph and Pie-chart squeeze in mobile view or on devices with significantly lower device widths

    mobile

    What we can do here is to stack the pie chart and the graph one above the other so that both don't shrink or squeeze.

  2. Buttons occupy multiple rows even though it could be placed in one line.

    options+hover

    I plan on slightly rearranging the buttons in one or two rows and towards the centre.

  3. Part of the table hides if table width is more than browser viewport.

    tables

    We can make the table horizontally scrollable below a certain device width so that important pieces of information contained by the table doesn't hide out.

I would be happy to get your feedback on this. If there's anything that can improved or added to this, please do let me know.

HaseebAhmad23 commented 4 years ago

Is this issue solved or not? I want to work on it.

GraceChiamaka commented 4 years ago

@AdrianBZG I'm an outreachy applicant, Can I work on this issue?

komecodes commented 4 years ago

Hello, I would love to give this a go, can it be assigned to me please? @AdrianBZG

yochannah commented 4 years ago

Hey folks! this is probably an issue best tackled by one person at a time! ❤️ @dmahajan980 - are you still working on this? If not, we'll reassign it to the first person who is still able to work on it :)

dmahajan980 commented 4 years ago

Hi @yochannah! Sorry, I am a bit busy nowadays and so I don't think I'll be able to work on it anytime soon. You can assign this to @HaseebAhmad23, but I think that if somebody solves issue #73 then this issue will be automatically fixed.

yochannah commented 4 years ago

thansk @dmahajan980 !

@HaseebAhmad23 - I've assigned this to you 🚀

PrastutiUpadhaya commented 4 years ago

Hi, I would also love to work on this issue!

HaseebAhmad23 commented 4 years ago

thansk @dmahajan980 !

@HaseebAhmad23 - I've assigned this to you 🚀

Thanks @yochannah !

NinaLoeterman commented 4 years ago

I'm happy to work on this issue if it opens up again! (Outreachy applicant for may 2020)

muskangupta-iitr commented 4 years ago

Greetings. This issue has not been worked upon for some time now and I am quite interested in working on this issue. Can I be please assigned this to so that I can start working on it? @AdrianBZG @yochannah

dmahajan980 commented 4 years ago

Hello everyone! Lovely to see so many people willing to fox this issue. However, this issue has been currently assigned to @HaseebAhmad23. I would request you all to look for some other issues and probably, this one will be assigned to the next person who requested to work on this issue if in case @HaseebAhmad23 couldn't work on it.

AdrianBZG commented 4 years ago

Hi, I'm going to re-assign this issue (following our contribution guidelines). I'm happy to hear about your individual plans to take on this issue. Please discuss by email ar989 (at) cam.ac.uk.

Thanks.

HaseebAhmad23 commented 4 years ago

Hi, I couldn't get enough time to work on it. You can re-assign it to anyone else.

Regards, Haseeb

From: Adrián Bazaga notifications@github.com Sent: Tuesday, March 17, 2020 1:39 PM To: intermine/InterMine-Data-Browser-Tool InterMine-Data-Browser-Tool@noreply.github.com Cc: HaseebAhmad23 haseeb26@live.com; Mention mention@noreply.github.com Subject: Re: [intermine/InterMine-Data-Browser-Tool] Make the app fully responsive (#64)

Hi, I'm going to re-assign this issue (following our contribution guidelines). I'm happy to hear about your individual plans to take on this issue. Please discuss by email ar989 (at) cam.ac.uk.

Thanks.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/intermine/InterMine-Data-Browser-Tool/issues/64#issuecomment-600047933, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AELF4GAAOX5ISVKIRSW26T3RH5VQDANCNFSM4KUUU23Q.

lape15 commented 4 years ago

Hi, Can i get a chance to work on this. It's tough out there looking for projects to work on

lape15 commented 4 years ago

i would go with @dmahajan980 approach

Emuohwo commented 4 years ago

@AdrianBZG @yochannah I would like to work on this issue when there's need for it to be reassigned. Please reassign it to me when necessary

guptadiksha307 commented 4 years ago

Hi, I'm Diksha, an outreachy applicant. After looking at this issue, I found that the issues told by @dmahajan980 are mostly solved except that table part. I would like to work on this issue. Can I take up this issue?

GraceChiamaka commented 4 years ago

Hello @AdrianBZG @yochannah I would like to work on this issue. I've sent an email detailing how I plan to solve this issue