Bug 927208
| Summary: | The display of "Choose file" button is not consistent on safari/Chrome and firefox/IE. | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | OKD | Reporter: | Yujie Zhang <yujzhang> | ||||||
| Component: | Website | Assignee: | Steve Goodwin <sgoodwin> | ||||||
| Status: | CLOSED CANTFIX | QA Contact: | libra bugs <libra-bugs> | ||||||
| Severity: | low | Docs Contact: | |||||||
| Priority: | low | ||||||||
| Version: | 2.x | CC: | jliggitt, xtian | ||||||
| Target Milestone: | --- | ||||||||
| Target Release: | --- | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| Whiteboard: | |||||||||
| Fixed In Version: | Doc Type: | Bug Fix | |||||||
| Doc Text: | Story Points: | --- | |||||||
| Clone Of: | Environment: | ||||||||
| Last Closed: | 2013-03-27 12:16:51 UTC | Type: | Bug | ||||||
| Regression: | --- | Mount Type: | --- | ||||||
| Documentation: | --- | CRM: | |||||||
| Verified Versions: | Category: | --- | |||||||
| oVirt Team: | --- | RHEL 7.3 requirements from Atomic Host: | |||||||
| Cloudforms Team: | --- | Target Upstream Version: | |||||||
| Embargoed: | |||||||||
| Attachments: |
|
||||||||
Created attachment 715960 [details]
"Choose file" button on firefox
Webkit renders file inputs as "Choose file" [No file selected] Firefox/IE renders them as [ ][Browse...] There is no way for us to change that appearance Commit pushed to master at https://github.com/openshift/origin-server https://github.com/openshift/origin-server/commit/ff2edf747e2664599c81d47f5161f64b7edcd9a3 Fix for Bug 927208 Multiple edits needed because of the issues involved with the problem of styling input[type="file"] that are also disabled. In a nutshell, it's nearly impossible to present input type=file in a consistant manner across browsers platforms. Further complicated by the way Firefox handles those inputs when disabled - text and background-color are given opacity and inherit the parent background color which caused the text to be unreadable on our dark background. So created the .platform class, which is inverse of well. |
Created attachment 715959 [details] "Choose file" button on chrome Description of problem: Checked the display of "Choose file" button on all browsers, found that the display is same on Chrome and Safari, but it's different on firefox and IE. Can we make it consistent to all browsers? Version-Release number of selected component (if applicable): devenv_2993 How reproducible: always Steps to Reproduce: 1.Go to openshift website and login 2.Create an application 3.Check the "Choose file" button on the add alias page Actual results: The display of "Choose file" button is not consistent on browsers.Details see in attachment. Expected results: Better to make the display of "Choose file" button consitent on browsers. Additional info: