WebDev

SMF Modifications => EhPortal => EhPortal Support => Topic started by: Dave on June 11, 2026, 08:00:56 AM

Title: Odd behaviour
Post by: Dave on June 11, 2026, 08:00:56 AM
Hi Chen,

I'm working on a new Autumn theme and have been building it  here (https://79.143.183.101/SMF214/index.php?action=forum), I'm posting this link so you can see the theme working as designed. If you go to  here (http://www.davejohnson.co.uk) 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?
Title: Re: Odd behaviour
Post by: Chen Zhen on June 12, 2026, 02:20:54 AM

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.
 
Title: Re: Odd behaviour
Post by: Dave on June 12, 2026, 07:19:33 AM
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.
Title: Re: Odd behaviour
Post by: Dave on June 13, 2026, 04:36:48 AM
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
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

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

to
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
Title: Re: Odd behaviour
Post by: Chen Zhen on June 14, 2026, 02:18:37 AM

I'm not sure which EhPortal version you are using but the CSS in the current one already matches the second code box.

I posted version 1.40.4-RC4 which includes CSS changes that should fix what you reported.
Title: Re: Odd behaviour
Post by: Dave on June 14, 2026, 02:48:05 AM
Thanks Chen
Title: Re: Odd behaviour
Post by: Chen Zhen on June 15, 2026, 03:06:44 PM
I'll have to work on this some more because I'm not seeing uniform behavior for the toggle icon placement between your theme & others. I tried using negative values to get the thing to move but that's not a good way to do it.
Title: Re: Odd behaviour
Post by: Dave on June 16, 2026, 03:31:04 AM
OK no rush, just letting you know abut things
EhPortal 1.40.4-RC7 © 2026, WebDev