Show us your themes!

Added by Wynn Netherland about 11 years ago

If you've customized Redmine, show it off here to show folks how flexible this bad boy is!

Here's a look at ours:

Replies (43)

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

And the issue list view:

RE: Show us your themes! - Added by Thomas Lecavelier about 11 years ago

Hey! Very good looking theme! Congats :)

RE: Show us your themes! - Added by Ricardo Trindade about 11 years ago

Is this theme public ?

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

Not yet. I have some styles in there for gravatar support which might not play nice if you don't have the view changes that go with it. Interested in beta testing the theme for me? ;-)

RE: Show us your themes! - Added by Eric Davis about 11 years ago

Wynn Netherland wrote:

Not yet. I have some styles in there for gravatar support which might not play nice if you don't have the view changes that go with it. Interested in beta testing the theme for me? ;-)

I'll "beta test" it for you. Mine's customized but us developers shouldn't try to make things pretty. They end up gray and boxy.

Eric

RE: Show us your themes! - Added by Chaoqun Zou about 11 years ago

Nice theme!
The user's head icon is a good feature. Why not submit it as a patch to Redmine?

RE: Show us your themes! - Added by Eric Davis about 11 years ago

Chaoqun Zou wrote:

Nice theme!
The user's head icon is a good feature. Why not submit it as a patch to Redmine?

The user icon is Gravatars which was just added in #1776

Eric

RE: Show us your themes! - Added by Nick Read about 11 years ago

Any chance of sharing your theme now Wynn? I'm more than happy to beta test it too - best theme I've seen so far. The only theme change we do to our internal instance is add issue priority colouring.

RE: Show us your themes! - Added by Martin Bächtold about 11 years ago

Very, very nice!

RE: Show us your themes! - Added by Eric Davis about 11 years ago

Nick Read wrote:

Any chance of sharing your theme now Wynn? I'm more than happy to beta test it too - best theme I've seen so far. The only theme change we do to our internal instance is add issue priority colouring.

Their theme is on GitHub.

Eric

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

Hi, Eric,

Thanks for linking to the theme. The reason I haven't linked to it is because I wanted to package up a diff that would include the css classes I added to the tabs and submit it to be added to core:

http://github.com/squeejee/redmine/commit/0da2db6ec270e5e91565ec1d804c5275a81051d0#diff-1

The theme requires everything in that commit except for the en.yml of course. (We prefer 'ticket' to 'issue'. We're crazy that way.)

Can you consider these changes to core? Without a css class on the tabs, the icons won't show. Also, I'm using the caption value as the css class name. That should probably be something that can't be localized to prevent having to modify your css if you change your language. (I must have been either an arrogant or lazy American when I coded it up for our own use ;-))

Thanks,

-- Wynn

RE: Show us your themes! - Added by Mischa The Evil about 11 years ago

Here's a little beta-test report/fix:

On the version-page (http://xxx.xxx.xxx/versions/show/x) the right-aligned columns are showing a white background instead of being transparent.

The following snippet added to the ../public/themes/squeejee/stylesheets/application.css will solve the issue:

div#version-summary {
       background: transparent
}

Furthermore: great theme you've created... It just shows what a little changes in CSS can do to the look-and-feel of the application... :thumbsup:

One thing though: I personally don't really like the progress-bar implementation, but it does fit the style of the theme. It is just not really my personal taste... :-)

Thanks for sharing your changes. Maybe we can create a themes-section here on redmine.org in near future just the same as done for plugins? That would maybe increase people starting to create, fork and share their theme's...


Mischa.

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

Thanks for the feedback, Mischa!

I think a themes section is a great idea. I was hoping this thread would chase some more customizers out of hiding. We'll need a few more themes before we can create a new section ;-)

RE: Show us your themes! - Added by Eric Davis about 11 years ago

Wynn Netherland wrote:

Thanks for the feedback, Mischa!

I think a themes section is a great idea. I was hoping this thread would chase some more customizers out of hiding. We'll need a few more themes before we can create a new section ;-)

I'll post mine but it's just the alternative theme with a green header. I'm getting ready to have all my website redesigned so I might use your theme as the starting point, Wynn.

Eric

RE: Show us your themes! - Added by Martin Bächtold about 11 years ago

Hey Wynn

menu_manager.rb was changed in r2022.
What do I have to change there in order to get your tab icons displayed?

Best Regards

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

Hi, Martin,

I think that commit was for a different purpose. My code changes added a css class to the <li> element so that the icon could be added via CSS:

http://github.com/squeejee/redmine/commit/0da2db6ec270e5e91565ec1d804c5275a81051d0#diff-1

Eric, please correct me if I'm wrong.

RE: Show us your themes! - Added by Scott Serr about 11 years ago

I might add, trying this with the 0.7.3 was not fruitful for me. The modifications to menu_manager.rb for tabs didn't go cleanly. I gave up

- link_to(h(caption), url, (current_menu_item == item.name ? item.html_options.merge(:class => 'selected') : item.html_options)))
+ link_to(h(caption), url, item.html_options), :class => "#{caption.downcase.gsub(" ", "-")} #{ 'selected' if current_menu_item == item.name }")

I'm not a ruby guy (yet) but in 0.7.3, the caption "object" has no .downcase or .gsub methods. I'm sure I just said all the wrong things, not being a ruby programmer.

This might help someone else.

RE: Show us your themes! - Added by Mischa The Evil about 11 years ago

Martin Bächtold wrote:

menu_manager.rb was changed in r2022.
What do I have to change there in order to get your tab icons displayed?

After three user-initiated browse-back interruptions (really have to reconfigure Opera, dammit...) just my two (six) cents on this issue on trunk:

The problem which Martin is suffering is that r2022 refactored the menu-code, which modified and moved source:trunk/lib/redmine/menu_manager.rb@2021#L86 from:

link_to(h(caption), url, (current_menu_item == item.name ? item.html_options.merge(:class => 'selected') : item.html_options)))
to source:trunk/lib/redmine/menu_manager.rb@2022#L75 which now looks like:
link_to(h(caption), url, (selected ? item.html_options.merge(:class => 'selected') : item.html_options)))

This change conflicts with Wynn's modification of source:trunk/lib/redmine/menu_manager.rb in http://github.com/squeejee/redmine/commit/0da2db6ec270e5e91565ec1d804c5275a81051d0#diff-1 from:

link_to(h(caption), url, (current_menu_item == item.name ? item.html_options.merge(:class => 'selected') : item.html_options)))
to:
link_to(h(caption), url, item.html_options), :class => "#{caption.downcase.gsub(" ", "-")} #{ 'selected' if current_menu_item == item.name }")

In the modded version the #{ 'selected' if current_menu_item == item.name }-part should be modified (/removed) to stay compatible with the version after r2022.

This shouldn't be that difficult to fix for a more experienced coder imho. I could try to tinker some with the order in those lines at the end of the week to try to fix this...

HTH... Greetings...

RE: Show us your themes! - Added by Martin Bächtold about 11 years ago

Mischa, this is exactly my problem.
Thank you very much for summarizing it.

RE: Show us your themes! - Added by Dong Wang about 11 years ago

Wynn Netherland wrote:

If you've customized Redmine, show it off here to show folks how flexible this bad boy is!

Here's a look at ours:

So COOL!!!

RE: Show us your themes! - Added by Wynn Netherland about 11 years ago

Thanks for summarizing, Mischa!

So, JP, Eric, or any core guy, how do we resolve this? Do you need a patch? For the icons in my stylesheet we only need a unique css class added to each LI element. As I said previously in the thread, it would be better not to use the caption since that could contain invalid characters and changes with localization. Any suggestions on what we could use that would remain constant? Perhaps the key used for that text in the language YAML?

Thanks,

Wynn

RE: Show us your themes! - Added by Martin Bächtold about 11 years ago

Hey Wynn

Thank you very much for your effort to bring your great theme back into Redmine.

By the way, I have notized that Redmine must run in the root of a domain in order to get the theme working.
I had Redmine running in subfolder like http://www.mydomain.org/redmine/ which prohibited the theme to display the graphics (absolute vs. relative paths in CSS). Is that correct?

Best regards,

Martin

RE: Show us your themes! - Added by Jean-Philippe Lang about 11 years ago

For the icons in my stylesheet we only need a unique css class added to each LI element.

A css class was added on each menu item in r2059.
The class name for a given menu is its name dasherized (not its caption) and the class is applied on the a element.
Examples:
  • to target the 'My page' link in your css, you can use #top-menu a.my-page
  • and for the 'Activity' link, you can use #main-menu a.activity

As a consequence, there are some slight changes in class names that were previously applied on the top menu items (class names now match item names).

RE: Show us your themes! - Added by Mischa The Evil about 11 years ago

Eric Davis wrote:

Wynn Netherland wrote:

Mischa The Evil wrote:

Maybe we can create a themes-section here on redmine.org in near future just the same as done for plugins? That would maybe increase people starting to create, fork and share their theme's...

I think a themes section is a great idea. I was hoping this thread would chase some more customizers out of hiding. We'll need a few more themes before we can create a new section ;-)

I'll post mine but it's just the alternative theme with a green header.

So here it finally is: Redmine Themes List. :-)

Jean-Philippe Lang wrote:

Wynn Netherland wrote:

So, JP, Eric, or any core guy, how do we resolve this? Do you need a patch? For the icons in my stylesheet [...]

A css class was added on each menu item in r2059.
The class name for a given menu is its name dasherized (not its caption) and the class is applied on the a element.

As a consequence, there are some slight changes in class names that were previously applied on the top menu items (class names now match item names).

So this would mean the current state of the theme should be updated after r2059. Maybe the earlier fix I've noted could be resolved also. Then we could wrap it up in a single package - including the nessacery directory-structure - (but do we really need all those icons :-S) and make it easier to distribute and install this nice theme.

I can create a seperate, dedicated wiki-page for this theme. Can you therefor also provide the following:
  • some basic information (see for example ThemeAlternate)
  • some (4-6) screenshots of the theme (preferred resolution would be 480x360)

HTH and greetings,

Mischa.

1 2 (1-25/43)