Odd behaviour

[Dave]

Hi Chen,

I'm working on a new Autumn theme and have been building it here, I'm posting this link so you can see the theme working as designed. If you go to here you see the theme installed there also.

On the build site with Tiny Portal installed (that's what I'm using on Quizland) everything looks fine with the title and cat bars, but on DJ.co.uk with EhPortal installed the title and cat bars in the portal have a gap at the bottom where the leaves are sitting.

I have highlighted the issue in the attached, dj.png has the issues and smf214.png has not.

Any ideas why that's doing that?

[Chen Zhen]

It's being caused by the toggle icon CSS.
If you upload a copy of your theme to an admin board on your Hobby site, I can experiment with it to fix the EhPortal CSS behavior. Actually, I think I have FTP access so I suppose I can likely get it myself. I'll look at it this weekend.
It looks like I need to add some relative + absolute positioning on the parent + toggle-icon to fix it.
 

[Dave]

Yes it's installed on DJ where you are admin and have ftp access. Not sure if you know but we're now using a new index.css code layout, it's inline with SMF3.0, just in case you wonder why it looks like that.

[Dave]

I've had another look at it this morning Chen and I've fixed it. The catbar needed to have height which I've now added at line 4330

Code Select Expand

height: 35px; and the issue is resolved.

I would be grateful, if you have, the time to look over the theme and see if you can see any errors though, but no rush as it wont be added anywhere for public use until 1st September.

One other thing I did change is in the portal.css

Line 376 changed from

Code Select Expand

sp_article_icon
{
    vertical-align: middle;
    margin: 0rem 0rem 0rem 0rem !important;
}
to

Code Select Expand

sp_article_icon
{
    vertical-align: middle;
    margin: 0rem 0.3rem 0rem 0rem !important;
}

This is so the Icon has padding to the side of the catbar title