Commit 335f58aceaa908bed39906e5987bd84d1dd6ef29
1 parent
b7363466
Exists in
master
and in
1 other branch
Refactored issue tracker icon css. Generates the icon background css dynamically…
…, based on IssueTracker subclasses.
Showing
3 changed files
with
11 additions
and
65 deletions
Show diff stats
| ... | ... | @@ -0,0 +1,8 @@ |
| 1 | +/* Issue Tracker inactive, select, create and goto icons */ | |
| 2 | +<% trackers = IssueTracker.subclasses.map{|t| t::Label } << 'none' %> | |
| 3 | +<% trackers.each do |tracker| %> | |
| 4 | +div.issue_tracker.nested label.<%= tracker %> { background: url(/images/<%= tracker %>_inactive.png) no-repeat; } | |
| 5 | +div.issue_tracker.nested label.r_on.<%= tracker %>, #action-bar a.<%= tracker %>_create { background: url(/images/<%= tracker %>_create.png) no-repeat; } | |
| 6 | +#action-bar a.<%= tracker %>_goto { background: transparent url(/images/<%= tracker %>_goto.png) 6px 5px no-repeat; } | |
| 7 | +<% end %> | |
| 8 | + | ... | ... |
app/views/layouts/application.html.haml
| ... | ... | @@ -9,6 +9,9 @@ |
| 9 | 9 | = csrf_meta_tag |
| 10 | 10 | = javascript_include_tag :defaults |
| 11 | 11 | = stylesheet_link_tag 'reset', 'application' |
| 12 | + :css | |
| 13 | + #{render :partial => "issue_trackers/icons.css"} | |
| 14 | + | |
| 12 | 15 | = yield :head |
| 13 | 16 | %body{:id => controller.controller_name, :class => controller.action_name} |
| 14 | 17 | #header | ... | ... |
public/stylesheets/application.css
| ... | ... | @@ -567,23 +567,6 @@ div.issue_tracker.nested label.r_on, div.issue_tracker.nested label.r_on:hover { |
| 567 | 567 | color: #191919; |
| 568 | 568 | } |
| 569 | 569 | |
| 570 | -/* Inactive icons */ | |
| 571 | -div.issue_tracker.nested label.none { background: url(/images/none_inactive.png) no-repeat; } | |
| 572 | -div.issue_tracker.nested label.redmine { background: url(/images/redmine_inactive.png) no-repeat; } | |
| 573 | -div.issue_tracker.nested label.lighthouseapp { background: url(/images/lighthouseapp_inactive.png) no-repeat; } | |
| 574 | -div.issue_tracker.nested label.mingle { background: url(/images/mingle_inactive.png) no-repeat; } | |
| 575 | -div.issue_tracker.nested label.fogbugz { background: url(/images/fogbugz_inactive.png) no-repeat; } | |
| 576 | -div.issue_tracker.nested label.pivotal { background: url(/images/pivotal_inactive.png) no-repeat; } | |
| 577 | -div.issue_tracker.nested label.github { background: url(/images/github_inactive.png) no-repeat; } | |
| 578 | -/* Active icons */ | |
| 579 | -div.issue_tracker.nested label.r_on.none { background: url(/images/none_create.png) no-repeat; } | |
| 580 | -div.issue_tracker.nested label.r_on.redmine { background: url(/images/redmine_create.png) no-repeat; } | |
| 581 | -div.issue_tracker.nested label.r_on.lighthouseapp { background: url(/images/lighthouseapp_create.png) no-repeat; } | |
| 582 | -div.issue_tracker.nested label.r_on.mingle { background: url(/images/mingle_create.png) no-repeat; } | |
| 583 | -div.issue_tracker.nested label.r_on.fogbugz { background: url(/images/fogbugz_create.png) no-repeat; } | |
| 584 | -div.issue_tracker.nested label.r_on.pivotal { background: url(/images/pivotal_create.png) no-repeat; } | |
| 585 | -div.issue_tracker.nested label.r_on.github { background: url(/images/github_create.png) no-repeat; } | |
| 586 | - | |
| 587 | 570 | /* Icons need to be preloaded, otherwise it looks bad */ |
| 588 | 571 | .image_preloader { display: none; } |
| 589 | 572 | |
| ... | ... | @@ -673,54 +656,6 @@ table.tally th.value { |
| 673 | 656 | background: transparent url(images/icons/thumbs-up.png) 6px 5px no-repeat; |
| 674 | 657 | } |
| 675 | 658 | |
| 676 | -#action-bar a.lighthouseapp_create { | |
| 677 | - background: transparent url(/images/lighthouseapp_create.png) 6px 5px no-repeat; | |
| 678 | -} | |
| 679 | - | |
| 680 | -#action-bar a.redmine_create { | |
| 681 | - background: transparent url(/images/redmine_create.png) 6px 5px no-repeat; | |
| 682 | -} | |
| 683 | - | |
| 684 | -#action-bar a.pivotal_create { | |
| 685 | - background: transparent url(/images/pivotal_create.png) 6px 5px no-repeat; | |
| 686 | -} | |
| 687 | - | |
| 688 | -#action-bar a.fogbugz_create { | |
| 689 | - background: transparent url(/images/fogbugz_create.png) 6px 5px no-repeat; | |
| 690 | -} | |
| 691 | - | |
| 692 | -#action-bar a.mingle_create { | |
| 693 | - background: transparent url(/images/mingle_create.png) 6px 5px no-repeat; | |
| 694 | -} | |
| 695 | - | |
| 696 | -#action-bar a.github_create { | |
| 697 | - background: transparent url(/images/github_create.png) 6px 5px no-repeat; | |
| 698 | -} | |
| 699 | - | |
| 700 | -#action-bar a.lighthouseapp_goto { | |
| 701 | - background: transparent url(/images/lighthouseapp_goto.png) 6px 5px no-repeat; | |
| 702 | -} | |
| 703 | - | |
| 704 | -#action-bar a.redmine_goto { | |
| 705 | - background: transparent url(/images/redmine_goto.png) 6px 5px no-repeat; | |
| 706 | -} | |
| 707 | - | |
| 708 | -#action-bar a.pivotal_goto { | |
| 709 | - background: transparent url(/images/pivotal_goto.png) 6px 5px no-repeat; | |
| 710 | -} | |
| 711 | - | |
| 712 | -#action-bar a.fogbugz_goto { | |
| 713 | - background: transparent url(/images/fogbugz_goto.png) 6px 5px no-repeat; | |
| 714 | -} | |
| 715 | - | |
| 716 | -#action-bar a.mingle_goto { | |
| 717 | - background: transparent url(/images/mingle_goto.png) 6px 5px no-repeat; | |
| 718 | -} | |
| 719 | - | |
| 720 | -#action-bar a.github_goto { | |
| 721 | - background: transparent url(/images/github_goto.png) 6px 5px no-repeat; | |
| 722 | -} | |
| 723 | - | |
| 724 | 659 | /* Notices Pagination */ |
| 725 | 660 | .notice-pagination { |
| 726 | 661 | float: left; | ... | ... |