First, thanks for a much needed css theme with the completeness of bluemarine. I think it has the potential to become a reference theme for tinkering, for those who want a theme with the completeness and reliability of bluemarine, but with clean css.

I noticed some places where fern could use some more work (using the latest Firefox).

1. My site name was not displayed, because I have an additional picture as a logo and your code displays either only the logo or only the site name but not both. I think displying both is the most common use case.

2. The layout is "too fixed": it keeps the space of the left sidebar empty even if you don't use a left sidebar. Usually "fixed width" means only fixed at runtime, or so most fixed width themes work.

3. I am curious: why 700px and not 760 or 780 for those with 800x600 monitors?

4. At the default width, fern makes some administration tables unusable. For example, on the theme selection page you can't choose the first three themes because the right sidebar covers the radiobuttons. (Bluemarine just pushes the sidebar outwards. Ugly, but it works.)

Maybe you could add a scrollbar using something like:
#main table {
display:block;
width: 100%;
overflow-x:auto; overflow-y;hidden;
}

although that too has its usability problems in a long list such as a roles table with half a dozen roles, when you have to go way down to find the scrollbar and you forget which column is which role, and then you scroll right and you forget what module was on some rows. Maybe scroll y too, to keep the height under 500px...

Oh, well, maybe just warn the admin in the 'readme' file to disable the right sidebar blocks in admin/*.

Comments

handelaar’s picture

Title: A nice one. It needs some more work. » Re:

I noticed some places where fern could use some more work (using the latest Firefox).

1. My site name was not displayed, because I have an additional picture as a logo and your code displays either only the logo or only the site name but not both. I think displying both is the most common use case.

I'm not sure I agree. However, you can alter the php if{} statement in page.tpl.php to remove the check and make it do as you wish.

2. The layout is "too fixed": it keeps the space of the left sidebar empty even if you don't use a left sidebar. Usually "fixed width" means only fixed at runtime, or so most fixed width themes work.

Indeed. The 'One True Layout' markup is very fixed indeed when using pixels for column widths. However, if you replace the layout sheet with one which uses % values instead you can get a full-width layout. There's a link to the public tool available in the README.

3. I am curious: why 700px and not 760 or 780 for those with 800x600 monitors?

Because there's an invisible grid in play. Columns are a multiple of 150px (seperated by 25px gutters). Again, you can replace the layout sheet as described in the README.

4. At the default width, fern makes some administration tables unusable. For example, on the theme selection page you can't choose the first three themes because the right sidebar covers the radiobuttons.

Maybe you could add a scrollbar using something like:
#main table {
display:block;
width: 100%;
overflow-x:auto; overflow-y;hidden;
}

This is a suck which applies to pretty much all fixed-width layouts; I've not given it much attention for two reasons. First, because it only 'breaks' like this in admin/. And second (and more usefully) because sections.module allows you to choose another theme entirely for the admin area if you wish to use one.

(Bluemarine just pushes the sidebar outwards. Ugly, but it works.)

Bluemarine is table-based and for that reason gets nul points from the Standards Jury. </eurovision>

cog.rusty’s picture

Thanks for the detailed reply.

About point 1, the display of logo and site name could already be controlled separately from the theme settings page, with 2 checkboxes which give you 4 options - logo only, sitename only, both, or none. The condition code in the theme just eliminates the "both" option.