Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Jeff Burnz’s picture

Status: Active » Needs review

Even though this has been committed I'm marking as needs review - the patch was pretty big change and even though the layout used is extremely well tested in real live sites (over 3000 sites use it) we should still be testing this in all major browsers and getting feedback, esp in RTL.

Jeff Burnz’s picture

Status: Needs review » Needs work
FileSize
573 bytes

Need to account for page width in the overlay, here's the patch I want to commit:

Jeff Burnz’s picture

Status: Needs work » Fixed
Jeff Burnz’s picture

Status: Fixed » Needs work

Horrors of horrors I made a mistake during the implementation, I just double checked against my core layout and I made an error, so when screen is resized the sidebars can jump out of alignment in IE, this is hasLayout issue, no biggie!

eigentor’s picture

So you already fixed it?

Jeff Burnz’s picture

Yes, I have fixed it, I am just cleaning up the code now and will commit it, it also solves the whole issue with IE6 tabs (a side effect of reworking zoom as it applies to anchors).

Jeff Burnz’s picture

Status: Needs work » Fixed

I have committed it.

The main issue took quite some time to track down - it was not the layout per-se, but rather the header height - IE6/7 were loosing hasLayout on the header (my assumption that is was in fact hasLayout), I needed to set a height on the header, for which I used min-height and a min-height workaround for IE. This solved most of the issues with the sidebars and main-content loosing their layout and jumping out of the main-columns DIV.

Seconding I reworked how zoom: 1 applies to anchors and specific it to only apply to region anchors (and .region itself to prevent a jump bug where on focus links jumped to the left). This solved the horrible tabs issue in IE6 since zoom: 1; messed terribly with them.

Third, I ran into another issue with the floating logo and site-name, again this was messing up IE6/7 in RTL, so I wrapped the logo in its own DIV and did a few other things I cant quite recall right now and again the issues were resolved.

So this is quite a big update and needs further testing, everything appears to be working fine. The acid test is to resize the viewport when in RTL mode (for IE6/7 only, all other browsers are fine).

I've tested the changes in IE6, 7, 8, Firefox 3.6, Chrome and Opera 10. Will continue with more testing in more scenarios throughout the day but I'm pretty confident we've cracked it. Part of the problem are the new wrapper divs that come in D7 that my original layout does not have (its more lightweight), so accounting for the differences was the major task.

http://drupal.org/cvs?commit=369876

eigentor’s picture

eigentor’s picture

Status: Fixed » Closed (fixed)

works.

Jarek Foksa’s picture

Priority: Normal » Critical
Status: Closed (fixed) » Needs work
FileSize
42.2 KB

2-column layout seems to be still broken under IE6 (sidebar is moved off the screen)

Jarek Foksa’s picture

No, wait... looks like I have broken it with my patch from http://drupal.org/node/812554

Edit: I have undone my changes and the issue is still present.
Edit 2: Issue from #10 is gone now. But there are still problems when resizing browser window under IE6 in RTL mode.

Jeff Burnz’s picture

Looking at that screenshot the main column looks too wide and the browser is not less than 960px, so its a strange one indeed and not one I can reproduce (but I have both sidebars enabled), which sidebar do you have enabled and what blocks are in there.

Jarek Foksa’s picture

Assigned: Unassigned » Jarek Foksa

I'm planning to revert back to fixed layout as there are way to many issues with current implementation.

Jeff Burnz’s picture

At this stage Jarek you should be trying for an RTBC and working with the community to fix minor issues - this must be a very minor issue because in extensive testing I cannot reproduce any problems what-so-ever.

I have no idea why you keep steam rolling over the work of others, it just disenfranchises the community and makes them far less willing to back the project, evidenced by the sheer lack of people in your issue queue compared to Bartik.

If this theme doesnt get an RTBC by mid to late June its out, period, forget it. We need stable code and wide user testing.

Jarek Foksa’s picture

Status: Needs work » Active

I appreciate the time and work you have put into reimplementing the layout, but I'm really unable to work with it. I've been scratching my head for several hours trying to tweak basic things like spacing between columns.

When I'm done I will provide a lot of screenshots that demostrate difference between old and new layout implementations.

Jarek Foksa’s picture

Status: Active » Needs work
Jeff Burnz’s picture

I'd be more than happy to show you how it works, adjusting the gutter is actually quite easy. Maybe you over-thinking it, the layout is actually cunningly simple.

At the end of the day the underlying layout is not a major concern to me, what we can't afford is to go back into long winded testing and development, you can't RTBC this stuff really, it has to go through major testing if its a new layout, which is why we punted for one thats been around for 3 years and has 3000 sites using it.

eigentor’s picture

Status: Needs review » Needs work

O.K. there was still the problem with IE6 and the one-column layout #800592: Sidebar second gets pushed beneath sidebar first in IE6.
this was an easy fix by shifting widths and margins by one percent here and there, tried to maintain the original widths as far as possible.
Have changed the padding a little bit so it does not get too close to each other.
No need to switch back to fixed layout for IE.

Have a try, already committed it to CVS.

Jarek, to change spacing between columns, try to fiddle with the values given in http://drupal.org/node/800592#comment-3029918
I agree this is not very easy. But it is not that hard, it is just that these values are a bit interactive.

With this layout you might just as well change the padding of the region divs, as the sidebars do not have borders or background. This is a easier way of changing the distance of the sidebars.

eigentor’s picture

Status: Needs work » Needs review
Jarek Foksa’s picture

Status: Needs work » Needs review

I will have fully finished and rewritten layout tomorrow, with support for IE6 and IE7, in LTR and in RTL. Please don't work on it for now. There will be no regressions from what you have already done (except for no fluid width on IE6).

eigentor’s picture

Jarek it works now in all browsers.
It is really unnecessary to rewrite anything. As Jeff said rewriting only brings in need for testing again. Your Layout was and is flexible for modern browsers - now it is flexible for all browsers. No special casing needed. Please test the latest version.

Jarek Foksa’s picture

FileSize
69.64 KB

I have attached my current progress, It's almost done for IE6, support for IE7 will be added in a moment. And I have to convert all those floats to inline-blocks...

BTW, make sure that you enable CSS aggregation when testing RTL mode under IE6, there is a bug which will prevent more than 31 stylesheets to be loaded (I will take care of it later).

eigentor’s picture

Please do not do this. Please do not introduce inline-blocks again: they just do not work in IE 6 and 7.
I thought we had agreed to have as little special-casing for different browsers as possible.

We discussed all this before. And by just going back to an older version and introducing non-standard stuff again it would render quite some work Jeff did as useless. Come to IRC and let's discuss this.

We may not be perfect and make mistakes, too, but please do not overrule us.

Jarek Foksa’s picture

@eigentor inline-blocks work flawlessly under IE6 and IE7, the previous issues were caused by zoom set on all anchors (which was unnecessary). Give me one day, I will implement rock-solid support for IE6/7/BiDi

eigentor’s picture

Jeff I can see that Jarek might have a point here: While I do not find it hard to grasp the negative margin layout, it is true that people with not so great CSS skills will break it easily when trying to modify the widths of the columns. And people _will_ try to modify a core theme. So being as simple as possible is a value.

Something that has just percentage values for the three columns could be fine and actually easier to modify, as people may sum the widhts and get the concept (while they are bound to screw it for IE 6 anyway because the subpixel rendering will get them)
I'd be willing to drop the fluid layout for IE 6 for that. We do not have to support IE 6 that well.

But if it does not work for IE 7 or gives trouble in RTL - no way then, in this case let's stick to Jeffs method. We can really not afford to go through a lot of testing again, the theme will just not be ready in time in this case.

Jeff Burnz’s picture

#22 - no support for RTL, the sidebars don't flip - this is basic requirement for RTL.

Looks like we've gone back to this changing widths *feature*. I call this a bug because its very disconcerting when surfing around my site, it seems to jump around and is imo is kinda weird, and probably too radical for core.

Also the the admin section does not fit into 1024px, this is bad. It makes an assumption that /admin means User1 access, but this is not always so - often sites give limited access to some admin pages to site maintainers, that may work just fine without this extra width, such as the blocks page. I might use Theme Key to set Seven as my admin theme (based on role) and give my site authors access to moderation pages that uses the front end theme. Again, I think Corolla is trying too hard here, doing to much.

#24 - zoom:1; was required in our layout for sidebar links (because it uses negative margins) - its pretty easy to make a fixed width layout work in IE6 RTL. We had it working identically to every other browser - flexible width, RTL, sidebars flipping, the whole works, and well tested.

#24 - inline-block is not working in IE6/7, in both the site name is sitting below the logo.

So, at the end of the day this is as a regression - its going to take a full round of review, testing and approval before we can even think about re-rolling the core patch (we need to -1 the current core patch immediately, if this gets committed).

I'm not quite sure we have the resources to do that at this late stage - the way I see it the theme was meant to be ready by the 17th, we blew that and asked webchick for some more days which were granted. In the end we made it, but now I think we may be abusing our windfall of a delayed beta, by regressing the theme and working forward again, when we should be in full blown user testing, not going back to basics.

Like I said, I dont really care about the underlying methodology or code (not-with-standing tables...) but more about supporting all requirements (flipping sidebars is a basic requirement of RTL, something much discussed in many other issue queues, and something that was fixed in D7 for Garland), and having the time to review, test and approve such a major change.

Jeff Burnz’s picture

eigentor, I haven't found this to be the case - given good documentation users find this easy to work with, once they "get it". Zen used to get the same criticism, but time has shown this to be wrong, users do get it and do change it.

I can't see that its any easier to change the layout using the implementation in #22, look at how many places you need to edit values.

Jarek Foksa’s picture

@Jeff as I said it's still work in progress, I will have all issues solved by tomorrow. I will also document extensively all regressions introduced by your layout implementation.

Jarek Foksa’s picture

FileSize
69.52 KB

- added support for IE7 (the layout is fluid)
- columns now flip

Jeff Burnz’s picture

Component: Browser compatibility » Code
Priority: Critical » Normal

Well good luck with those issues. I'll leave my final review for the core patch which I assume will be coming in the next few days. We really need it ASAP if you plan on committing these changes so it can be reviewed and tested which will take some time.

BTW, zips are fun but no way to work seriously, patches against Corolla HEAD are much better for testers.

This is not critical.

Jarek Foksa’s picture

Jarek Foksa’s picture

Jeff Burnz’s picture

Status: Fixed » Needs work

I am deprecating the core patch as out of date since you have regressed the theme and introduced a large number of new layout issues that must be fixed before you can roll a new patch.

One reviews patches Jarek, this has already been committed.

Jarek Foksa’s picture

@Jeff Burnz I don't see any arguments, what's broken?

Jeff Burnz’s picture

I've already been through a long process of posting issues, screen-shots and patches. I have no intention of doing it again. In any case there's not much point, most of the issues are known to you, raised as far back as March 15th, which you are still ignoring.
So really, what the point in raising them again, you're just going to ignore them.

- I will note though there in the latest Head there are some very odd new issues with this theme, they need to be fixed.

Jarek Foksa’s picture

I have fixed all issues that you have mentioned #26, even though I found some of them to be disputable.

Jeff Burnz’s picture

@36 - and you just think we should take your word for it and RTBC this and roll a new core patch? I must have seen you post "I'll have it all fixed tomorrow" half a dozen times over the past 5 months and not once has this transpired to be the case.

What you're not understanding is that any time you make a major change there will be a new crop of issues, and these take time to FIND, let alone generate the fixes for them.

You need a team of people to do this testing, if its not tested (really really put through the ringer by a large number of contributors) then how do we know its OK? We don't. This is the primary reason why over those 5 months developers far more experienced in Drupal core DEV than yourself have implored you not to run off an rewrite the code base - because it needs to be stable over time for incremental fixes. The theme we inherited around the due date was so borked in IE we were forced to do something drastic and fast. It caused issues (of course it will cause issues - we knew that), but instead of working through those issues incrementally you have decided to go it alone.

FWIW the theme is borked out of HEAD. I cant even test a large portion of it because it doesn't work in overlay. Garland does so its not my installation (HEAD).

Jarek Foksa’s picture

You can download zip package from project page: http://ftp.drupal.org/files/projects/corolla-7.x-1.1.tar.gz
What do you mean by "borked out of HEAD"? I can do cvs checkout contributions/themes/corolla

Jarek Foksa’s picture

Ahh... overlay! I have completely forgotten about the overlay, it's probably not showing up because of the removed clearfix, I will fix it in a moment.

Jarek Foksa’s picture

I have just fixed the overlay in HEAD and pushed release 1.2. I must admin that this was a serious issue, but trivial to fix.

Jeff Burnz’s picture

Most of what you posted in #31 is a complete cobblers and needed minor revisions or are because you are probably running an outdated version of D7 (theres been some changes to theme_field which I was running before it even got committed, since I wrote the initial patch for core).

I think its a bit on the nose the way you posted that in this fashion, we worked really hard in a very tight time frame and of course we missed small things, but it did not discount the huge number of things we did fix and improve, including the really big hard issues.

Jarek Foksa’s picture

I was doing tests on Drupal 7 Alpha 2. I'm in the process of installing recent dev snapshot right now and I'm willing to fix any issues that will show up.

Jarek Foksa’s picture

I haven't found any new issues with layout under current dev snpashot of Drupal 7.

eigentor’s picture

O.K., maybe there is a middle road here...
In general, the theme looks quite good after Jareks changes. I believe (hope) that most of the changes you have done were regarding the negative-margin-layout and the inline-blocks instead of the floats for Tabs and main Menu.

What needs to be fixes is that stylesheets appear to be loaded the wrong way, and the @import is not respected anymore.
O.K. I see this is a core issue: The @import was introduced after alpha 2. So let's get our sample content ready with the latest head.

A bit of the problem sure was that Jeff and I made quite big changes to the layout while jarek was away because of a lot of other work he had to do, so we did not discuss the changes but just dropped them in. Now this was coming back.

I'll scan through the theme according to the issues we posted and fixed and will try to see if they are still fixed or re-appear.

Jarek Foksa’s picture

@eigentor Thanks for testing my changes, I will upload new revision of the theme in ~15 minutes. It fixes the problem with @import and hides sidebars on admin pages.

Jarek Foksa’s picture

Status: Needs work » Needs review
Jarek Foksa’s picture

Title: Modify layout to support RTL and Fluid width in all browsers » Modify layout to support RTL and Fluid width in all browsers (except IE6)
Status: Needs review » Fixed
eigentor’s picture

I see that ie7.css is also being loaded in ie6.
But wondering how you do the trick ... ;)

Jarek Foksa’s picture

Stylesheets placed between <!--[if lte IE 7]>...<![endif]--> will load on on both IE6 and IE7, while stylesheets placed between <!--[if IE 7]>...<![endif]--> will load only on IE7. This syntax is detailed on microsoft.com

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.