tsi/redmine-theme-flat

Flat theme for Redmine

Flat theme for Redmine

Installation

1. Download the theme to redmine/public/theme/
2. Open redmine in a browser and go to Administration > Settings > Display > Theme.

Make it yours

The theme is made with Sass & Compass so changing colors etc. should be very easy, Colors are defined in the top of /sass/application.scss

License

WTFPL

redmine-theme-flat's Issues

Redmine 4.2 issue status badge view

In the Redmine 4.2 issue status badge looks not stylized, it would be nice to see it themed

Problem with width on the issue view

When I set a window too wide, the properties of the issue got separated by a lot of free space. When I decrease the window width it displays the issue properties ok.

Changing things in application.sass does not reflect on browser

Sorry but I'm noob with ruby and web programming language. I have tried to change the color and an url in application.sass like so:

// Open Sans
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

$gray-dark: #202020;
$gray-text: #484848;
//$hotpink: #d92e47;
$hotpink: #33b5e5;

but it doesn't reflect on my browser. What should I do?

Thanks and best regards,
Thuan

jQuery is not defined

Hi,

I'm using this theme and I'm having this issue : jQuery is not defined
Any idea ?thx

add observer not displayed

I don't know if its not implemented or yes, but when you edit or create an issue,
you can't assign observer/whatcher to the current issue.

thanks

text input field is too short for text in issue page

The text input field on the issue page for filter Update and some others is too short. It hides the text being typed on.

Changing the application.css fieldset#filters td.values input { height: 1em;} to 1.8em seems to fix the issue, but I'm not 100% sure on that fix.

Doesn't seem to matter which browser. I have tried Chrome, Firefox, and IE.

Issue View: Too much spacing around between lines when longer titles wrap to multiple lines.

The issue is ultimately the line-height: 2; for .subject h3, removing it makes things look better for multi-line comments but messes things up for single line titles.

I'm not sure what the best solution is, would be nice to keep single line titles vertically centred with respect to the thumbnail.

Screenshot:

Firefox 32: Text in the search bar is the same color as the search bar background

Image below shows the issue (only happens with firefox)

No style for `<code>` element

There is no styles for <code> element, which makes it hard sometimes to distinguish <code> from common text.

Here are styles, which will style it similarly to the block code elements:

padding-top: 0.2em;
padding-right: 0.4em;
padding-bottom: 0.2em;
padding-left: 0.4em;

font-size: 85%;

background-color: #fafafa;
border: 1px solid #e2e2e2;

Demo:

Against original:

Paddings and font size inherited from Github's styling for <code> element.

I'd make PR, but so far there is no section for .wiki code styles. Where should I put those?

Change colors

Hi, you've done a great theme.

I tried to change the colors like you said on application.scss, re-started the server, changed the theme but the colors don't change. What should I do? thanks!

Redmine 4.x (and 3.x) support

Broken header markup

Hi

Thanks for great theme!

However, there is small issue with header which can be seen here:

It will happen only if you'll go to any Redmine page and force refresh.

It will disappear as soon as you'll go to any other Redmine page.

It can be seen in latest Chrome and Firefox browsers. I didn't test other browsers, though.

The reason for such strange behavior is a bit odd bug (or to be honest I don't know what it is) of those browser. Here is part of html code which causing that issue:

<div id="header">
    <!-- ::before pseudo-element with logo container -->
    <div id="quick-search">
        <!-- quick-search code... -->
    </div>
    <h1>Tasks</h1>
</div>

quick-search is floated element, and placing it between actually two block-inline elements (::before and h1) causing browsers to render them on two separate lines. Going to another Redmine page for some unobvious reason for me causing browsers to redraw those element in another (correct) positions.

Obvious fix for that issue is to move quick-search div after h1. Like that:

<div id="header">
    <!-- ::before pseudo-element with logo container -->
    <h1>Tasks</h1>
    <div id="quick-search">
        <!-- quick-search code... -->
    </div>
</div>

In such case we'll receive proper flow of the elements.

But, assuming that we have access only to css-part of the theme, I don't see other solutions but to remove logo. It was really smart solution to avoid limitations, but, unfortunately, it doesn't work as expected.

Relative url

Please, consider that it's bad practice nowadays: 00ab26d

Details:
http://www.paulirish.com/2010/the-protocol-relative-url/
h5bp/html5-boilerplate#1694