Added image preloading for issue tracker icons, since it looks bad when icons ta…

…ke a while to load after you click them.

Added image preloading for issue tracker icons, since it looks bad when icons ta…
…ke a while to load after you click them.
Nathan Broadbent
1 parent e8cd0515
Showing 2 changed files with 8 additions and 1 deletions Show diff stats
app/views/apps/_issue_tracker_fields.html.haml
public/stylesheets/application.css
@@ -74,3 +74,8 @@
         = w.label :password, 'Password'
         = w.password_field :password, :placeholder => 'Password for your account'
+      .image_preloader
+        - %w(none github lighthouseapp redmine pivotal fogbugz mingle).each do |tracker|
+          = image_tag "#{tracker}_inactive.png"
+          = image_tag "#{tracker}_create.png"
+
@@ -554,7 +554,6 @@ div.issue_tracker.nested label.r_on {
   color: #191919;
 }
-
 /* Inactive icons */
 div.issue_tracker.nested label.none { background: url(/images/none_inactive.png) no-repeat; }
 div.issue_tracker.nested label.redmine { background: url(/images/redmine_inactive.png) no-repeat; }
@@ -572,6 +571,9 @@ div.issue_tracker.nested label.r_on.fogbugz { background: url(/images/fogbugz_cr
 div.issue_tracker.nested label.r_on.pivotal { background: url(/images/pivotal_create.png) no-repeat; }
 div.issue_tracker.nested label.r_on.github { background: url(/images/github_create.png) no-repeat; }
+/* Icons need to be preloaded, otherwise it looks bad */
+.image_preloader { display: none; }
+
 /* Apps Table */
 table.apps tbody tr:hover td ,table.errs tbody tr:hover td { background-color: #F2F2F2;}
	@@ -74,3 +74,8 @@		@@ -74,3 +74,8 @@
74	= w.label :password, 'Password'	74	= w.label :password, 'Password'
75	= w.password_field :password, :placeholder => 'Password for your account'	75	= w.password_field :password, :placeholder => 'Password for your account'
76		76
		77	+ .image_preloader
		78	+ - %w(none github lighthouseapp redmine pivotal fogbugz mingle).each do \|tracker\|
		79	+ = image_tag "#{tracker}_inactive.png"
		80	+ = image_tag "#{tracker}_create.png"
		81	+