Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cross-browser compatible styling for input[type=file] #5424

Merged
merged 2 commits into from
Apr 12, 2019

Conversation

sashadev-sky
Copy link
Member

@sashadev-sky sashadev-sky commented Apr 9, 2019

Fixes #5423 (<=== Add issue number here)

===============================================
After applying a line-height: 0 globally to input[type=file]:

Chrome: improved - now better
chome-fix

Firefox: stays the same (perfect)
firefox-fix

Safari: improved -now perfect
safari-fix

===============================================

OLD ones pasted in from original issue for easy reference:
before after

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

  • PR is descriptively titled 📑 and links the original issue above 🔗
  • tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
  • code is in uniquely-named feature branch and has no merge conflicts 📁
  • screenshots/GIFs are attached 📎 in case of UI updation
  • ask @publiclab/reviewers for help, in a comment below

We're happy to help you get this ready -- don't be afraid to ask for help, and don't be discouraged if your tests fail at first!

If tests do fail, click on the red X to learn why by reading the logs.

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/contributing-to-public-lab-software

Thanks!

@sashadev-sky sashadev-sky changed the title Apply styling Cross-browser compatible styling for input[type=file] Apr 9, 2019
@plotsbot
Copy link
Collaborator

plotsbot commented Apr 9, 2019

1 Message
📖 @sashadev-sky Thank you for your pull request! I’m here to help with some tips and recommendations. Please take a look at the list provided and help us review and accept your contribution! And don’t be discouraged if you see errors – we’re here to help.

Generated by 🚫 Danger

@sashadev-sky
Copy link
Member Author

@publiclab/reviewers
also any reviewers that are not on mac would be great because that is what I'm using!! and please say your OS when you review

@sashadev-sky sashadev-sky added cross-browser enhancement explains that the issue is to improve upon one of our existing features CSS labels Apr 9, 2019
@sashadev-sky
Copy link
Member Author

@divyabaid16 @shivam15 can I have review here too please :)

@shivam15
Copy link
Contributor

@sashadev-sky Works for me!!

@sashadev-sky
Copy link
Member Author

@gauravano can I please get a 2nd review on this so we can merge :)

@divyabaid16
Copy link
Contributor

It works for me too @sashadev-sky
😄

@sashadev-sky
Copy link
Member Author

@shivam15 @divyabaid16 Thank you to both of you :) I really appreciate you taking the time!

@jywarren this one is ready for merge

@sashadev-sky sashadev-sky requested review from ryzokuken and jywarren and removed request for ryzokuken April 11, 2019 11:33
@jywarren
Copy link
Member

Awesome, thank you!!!

@jywarren jywarren merged commit 5d96c4d into publiclab:master Apr 12, 2019
@@ -0,0 +1,14 @@
/*
================================================================
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Really awesome!

SrinandanPai pushed a commit to SrinandanPai/plots2 that referenced this pull request May 5, 2019
digitaldina pushed a commit to digitaldina/plots2 that referenced this pull request May 12, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cross-browser CSS enhancement explains that the issue is to improve upon one of our existing features ready
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cross-Browser Compatibility With input type=file
6 participants