Plots2: Footer not sticking to the bottom of the screen on pages with little content on large displays

Created on 14 Mar 2019  ยท  27Comments  ยท  Source: publiclab/plots2

Hi, this is a first-timers-only issue. This means we've 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 that's you, we're interested in helping you take the first step and can answer questions and help you out as you do. Note that we're especially interested in contributions from people from groups underrepresented in free and open source software!

We know that the process of creating a pull request is the biggest barrier for new contributors. This issue is for you ๐Ÿ’

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

๐Ÿค” What you will need to know.

Nothing. This issue is meant to welcome you to Open Source :) We are happy to walk you through the process.

๐Ÿ“‹ Step by Step

  • [ ] ๐Ÿ™‹ Claim this issue: Comment below. If someone else has claimed it, ask if they've opened a pull request already and if they're stuck -- maybe you can help them solve a problem or move it along!
  • [ ] ๐Ÿ“ Update edit thw stylesheets folder to add styles that address this issue. You can check out this article for help.

Current Behavior
Visiting the following pages: _https://publiclab.org/settings_, _https://publiclab.org/subscriptions (when you have little or no subscriptions)_, _https://publiclab.org/subscriptions/digest (when you have little or no subscriptions)_, _https://pubiclab.org/:user/likes (when you have little or no liked content)_ will show a footer that is pushed up and does not stick to the bottom of the page.

Screenshot 2019-03-14 at 12 23 12 AM
Screenshot 2019-03-14 at 12 23 29 AM
Screenshot 2019-03-14 at 12 23 36 AM
Screenshot 2019-03-14 at 12 23 42 AM

The above images are the only pages with little content I could find on production, but note that the behaviour will be replicated on any page with little content, as evidenced by this screenshot of a page on development:

Screenshot 2019-03-14 at 12 55 00 AM

Expected Behavior
The footer should stick to the bottom of the screen, no matter the height of the content.

Screenshot 2019-03-14 at 1 01 54 AM
Screenshot 2019-03-14 at 1 04 45 AM

  • [ ] ๐Ÿ’พ Commit your changes
  • [ ] ๐Ÿ”€ Start a Pull Request. There are two ways how you can start a pull request:
  1. If you are familiar with the terminal or would like to learn it, here is a great tutorial on how to send a pull request using the terminal.
  2. You can also edit files directly in your browser and open a pull request from there.
  • [ ] ๐Ÿ Done Ask in comments for a review :)

๐Ÿค”โ“ Questions?

Leave a comment below!

CSS HTML assigned first-timers-only

Most helpful comment

thank you! will do that.

All 27 comments

@gauravano @cesswairimu @jywarren what do you think of this?

@fabsar you can work on this one. Thanks!

thank you! will do that.

@fabsar are you working on this issue?

Yes, I am working on it.

okay. All the best!

hey @shubhi2000, if you are looking for first-timer issue, then we can add your name to the - https://github.com/publiclab/plots2/issues/4963 list and can ping you when a new issue is opened?

Yes, I am a first-timer and am looking for an issue. Please add my name to
it. Thanks.

On Sat 16 Mar, 2019 4:58 pm Gaurav Sachdeva, notifications@github.com
wrote:

hey @shubhi2000 https://github.com/shubhi2000, if you are looking for
first-timer issue, then we can add your name to the - #4963
https://github.com/publiclab/plots2/issues/4963 list and can ping you
when a new issue is opened?

โ€”
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/5059#issuecomment-473522118,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AsdXvXwcAKyVJABMSC5291lJztl_8N3Aks5vXNVagaJpZM4bypFz
.

thank you @shubhi2000 ! All the best to you too!!

In the description of this issue, there is a link to stylesheets folder in the Update section. In that folder, many css files are given. Out of those, the file having footer styling is style.css .

Oh Okay! Thank you :)

I am unable to setup the environment for testing the code and the changes I made to it. I followed the instructions given for standard installation. I cannot get through with the 4th step. It says permission denied when I try to run the command gem install bundler. it gives the following error:ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /usr/local/bin directory.
Please help!

I have made a pull request. kindly review it @gauravano . Thanks!

Hey @fabsar, try with sudo?

Hey! I could run gem install bundler but bundle update isn't working now

what output you're getting on running bundle update?

It's working now. Thanks:)

hey @gauravano can you please add my name to the - #4963 list and can ping me when a new issue is opened?

Just added :+1:

Thankyou @gauravano

Hi, has this issue been resolved, I would love to work on it. I'm an outreachy intern..

Hi! Would you mind creating an account on PublicLab.org and checking on the
publiclab.org/settings page? Uploading a screenshot to confirm would also
be helpful to verify if it's been fixed! Thank you!

On Thu, Oct 3, 2019 at 6:27 PM Linda Ikechukwu notifications@github.com
wrote:

Hi, has this issue been resolved, I would love to work on it. I'm an
outreachy intern..

โ€”
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/5059?email_source=notifications&email_token=AAAF6J4NV7XQDCYGDFOFDWLQMZWSDA5CNFSM4G6KSFZ2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAJY77A#issuecomment-538152956,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AAAF6J2MTRLPXCKPATW2SL3QMZWSDANCNFSM4G6KSFZQ
.

@jywarren this is not resolved yet. From what I've seen in above screenshots, previously there was no topics section and hence now it is hard to see this generally but if you zoom out, then it's visible. I'm adding a screenshot here for reference.
Screenshot from 2020-10-11 08-00-14

Also, @Asu1996 you can work on this one. See above conversation and #5124 for insights. Thanks. :+1:

Thank you. @avats-dev I am right on it.

I am not getting any text in the footer?
Thank you.

Hi @Asu1996, the contents of the footer are loaded in prod only. You could try adding content on this file to get some content locally https://github.com/publiclab/plots2/blob/main/app/views/layouts/_footer.html.erb. Thanks

Addressing and closing this in #8537, apologies, folks! Thank you all!!!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

divyabaid16 picture divyabaid16  ยท  3Comments

grvsachdeva picture grvsachdeva  ยท  3Comments

grvsachdeva picture grvsachdeva  ยท  3Comments

keshavsethi picture keshavsethi  ยท  3Comments

keshavsethi picture keshavsethi  ยท  3Comments