Please optimize styles for skinning
Posted: 10 Jan 2009, 01:37
Hi there,
I would like to place a request and chose this forum section here because it is about customization.
I am using Mantis in several environments, in most of them I want to use different looks of Mantis (skinning). I am talking about a few icons, font and style changes. With a little effort it is of course possible to change the CSS file. But one thing is really annoying but can be pretty easily fixed.
I guess you can easily imagine that a different color theme will in most cases change the background color of the table headers.
Lets take the login page for example. The default looks like this:

I want to make it look like this:

As you can see, I have colored the background of the header cells. Unfortunately, besides of changing the CSS, I had to change the file login_page.php as well (And this is the case for every page in which you want to change the header cells).
Why?
The login form table has two columns. The header row code looks as follows:
You can see that only the first cell is assigned a header related style called "form-title". The second cell is assigned a basic style that is not only used in header rows, thus, if you change the style of "right" it will be applied to many other cells that are not in header rows.
I changed the code to this:
I also created a corresponding style in the CSS file in order to make my login page look like you can see in the screenshot above.
My request is, that all cells in header rows are assigned a "form-title-xxx" style. I am suggesting this CSS example:
That way it will be much easier to apply a custom skin by just changing the CSS file.
Such a change is not difficult and is also not much work either. But rather than me re-doing it myself for every new release (because other code in the PHP files might have changed) it would be much more convenient if this will come with source files right away.
I hope this finds your support.
Thanks you and best regards,
Sundance
I would like to place a request and chose this forum section here because it is about customization.
I am using Mantis in several environments, in most of them I want to use different looks of Mantis (skinning). I am talking about a few icons, font and style changes. With a little effort it is of course possible to change the CSS file. But one thing is really annoying but can be pretty easily fixed.
I guess you can easily imagine that a different color theme will in most cases change the background color of the table headers.
Lets take the login page for example. The default looks like this:

I want to make it look like this:

As you can see, I have colored the background of the header cells. Unfortunately, besides of changing the CSS, I had to change the file login_page.php as well (And this is the case for every page in which you want to change the header cells).
Why?
The login form table has two columns. The header row code looks as follows:
Code: Select all
<tr>
<td class="form-title">Login</td>
<td class="right"></td>
</tr>
I changed the code to this:
Code: Select all
<tr>
<td class="form-title">Login</td>
<td class="form-title-right"></td>
</tr>
My request is, that all cells in header rows are assigned a "form-title-xxx" style. I am suggesting this CSS example:
Code: Select all
td.form-title { background-color: #FFB300; color: #000000; font-weight: bold; text-align: left; }
td.form-title-right { background-color: #FFB300; color: #000000; font-weight: bold; text-align: right; }
td.form-title-center { background-color: #FFB300; color: #000000; font-weight: bold; text-align: center; }
Such a change is not difficult and is also not much work either. But rather than me re-doing it myself for every new release (because other code in the PHP files might have changed) it would be much more convenient if this will come with source files right away.
I hope this finds your support.
Thanks you and best regards,
Sundance