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

Timebar gradient only works in Chome #6

Closed
cedricve opened this Issue Jul 24, 2015 · 0 comments

Comments

1 participant
@cedricve
Copy link
Member

cedricve commented Jul 24, 2015

Cross-browser CSS attributes has to be integrated for gradient. The visualization is only correct when using Chrome.

 background: #1e5799; /* Old browsers */

 background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

 background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

 background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */

 background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */

 background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

`

timebar

@cedricve cedricve added the bug label Jul 24, 2015

@cedricve cedricve self-assigned this Jul 24, 2015

@cedricve cedricve added this to the Release 1.1.0 milestone Jul 24, 2015

cedricve added a commit that referenced this issue Aug 4, 2015

@cedricve cedricve closed this Aug 4, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment