More Odd behavior when it comes to responsive mode

Dave · August 20, 2026, 09:46:50 AM

Quote from: Chen Zhen on August 19, 2026, 03:50:13 AM
Quote from: deansmar on August 18, 2026, 11:19:00 AMBut of course Dave..
I always check against other browsers..
It's just strange that the width is hardwired to the footer div..
And this problem was not there in RC6

Nothing is in the theme index.template.php or theme css

You can have a look at my online test site, with what ever browser you like..
and see the footer problem..

But it might not be a portal problem.. as the default theme is okay..
So it points me to a CripZone theme problem..

The "#footer" shouldn't be within the "#footerfix" div but it appears to be that way on the whitebox theme that you're using on your website. Since that's a Crip theme, perhaps Dave & Skhilled can take a look & adjust Crip's themes not to do that. If you look at the default theme & many other SMF 2.1 themes, the "#footer" div is by itself at the end of the "body". I can likely adjust the CSS with *:not("#footer") to not apply whatever is causing that issue for the footer.

Chen I have checked and updated all the Crip themes where the footer is inside the footerfix, if you check WhiteBox now you'll see that it's as it should be. I've also installed the latest EHportal again to check

Chen Zhen · August 23, 2026, 02:29:01 AM

Quote from: deansmar on August 17, 2026, 02:20:30 PMfinaly loged in again..

I found something misconfigured in Apache which may have caused this behavior.
Hopefully this is resolved now, please let me know if you still have problems accessing this website.

Chen Zhen · August 23, 2026, 02:35:24 AM

Quote from: Dave on August 20, 2026, 09:46:50 AMChen I have checked and updated all the Crip themes where the footer is inside the footerfix, if you check WhiteBox now you'll see that it's as it should be. I've also installed the latest EHportal again to check

Oh? Those themes have a border around all pages that includes the footer so I understood it to be by design.
If it's adjusted a bit now so that mods attempting to control the footer CSS do not adjust other things than that sounds good.

It's not really those themes that are an issue.. it's my blundering attempt to use CSS for a certain all around appearance using EhPortal that conflicts with some themes. I need to scrap it and go with something simple that doesn't alter too much other than the portal HTML itself (blocks/pages).

Dave · August 23, 2026, 03:27:31 AM

Quote from: Chen Zhen on August 23, 2026, 02:35:24 AM
Quote from: Dave on August 20, 2026, 09:46:50 AMChen I have checked and updated all the Crip themes where the footer is inside the footerfix, if you check WhiteBox now you'll see that it's as it should be. I've also installed the latest EHportal again to check

Oh? Those themes have a border around all pages that includes the footer so I understood it to be by design.
If it's adjusted a bit now so that mods attempting to control the footer CSS do not adjust other things than that sounds good.

What I've done is to change the index.teplate.php code to mimic the default curve theme, so now although the #footer is not inside the #footerfix it should fix the problem and it does mean that the #footer for all themes is now full width of the board. This does make the theme slightly different to Crips original but hopefully it will prevent errors going forward

deansmar · August 24, 2026, 11:27:40 AM

Quote from: Chen Zhen on August 23, 2026, 02:29:01 AM
Quote from: deansmar on August 17, 2026, 02:20:30 PMfinaly loged in again..

I found something misconfigured in Apache which may have caused this behavior.
Hopefully this is resolved now, please let me know if you still have problems accessing this website.

i think you have hit the nail on the head... no problems at all today..

i have updated my themes, so as the #footer is outside the #footerfix

RC12 installed with the tweeks i mentioned in post #28

so i dont think there is any real need to build a new portal.. but that would be up to you..

Chen Zhen · August 24, 2026, 11:57:10 PM

Quote from: deansmar on August 24, 2026, 11:27:40 AMi think you have hit the nail on the head... no problems at all today..

i have updated my themes, so as the #footer is outside the #footerfix

RC12 installed with the tweeks i mentioned in post #28

so i dont think there is any real need to build a new portal.. but that would be up to you..

It was the Apache config files with an improper setup for the recent changes that were made.
It had a wildcard for my website directives ( ie. *:443 ) which caused conflicts for Apache because it didn't know where to specifically direct traffic. This should be fixed now, please let me know if it happens again.

I will try your changes or at least something similar. Also I meant that I might wipe the responsive CSS part of EhPortal & start that part over again. Perhaps also change the the desktop CSS so it no longer uses a tabular layout. I can switch it to flex (for desktop) or even try using grid.
Also it can detect the device screen size directly in the CSS syntax instead of how it currently uses server side detection.

I like coding but wish I had a team member that wants/likes to do the template/css layout for my main projects.

Chen Zhen · August 25, 2026, 01:37:58 AM

RC13 is available.

I'm not sure if I implemented all the changes you requested but the majority of them should be there or at least something close to it. It hasn't been tested on the updated Crip themes because I haven't downloaded them yet.

deansmar · August 25, 2026, 05:23:14 AM

nice work Chen.. a lot of changes to the calender..

on the themes that i have installed everything is fine.. thumbs up

I think that the Responsive mode/display works a treat.. and a green tick can be applyed.. 😊

all that remains is trying to pick the theme's color's up..! and a couple of Admin headers..

1. currentColor is obviously not picking up the theme color's that's a pitty ..!
So you have changed it to inherit.. which sadly, also does not work..

My Workaround was to declare a color variable in the Theme's
and put that variable in the portal.css for the border and fonts

and changed the mix-blend-mode: hard-light;

one color that i have seen throughout most themes.. is a link color (that changes with the theme)

2. Admin -> Ehportal -> Article -> Article List & Page List
The headers probably need to be looked at..!

3. Admin -> Ehportal -> Block List -> Edit Block -> Custom Permissions
The headers probably need to be looked at..!

i am by no means a coder... but try and help were i can..
i have played with visual basic, used to use it at work, with other programs to automate output/data onto paper..
i like playing with CSS and making things look nice..

Chen Zhen · August 25, 2026, 09:44:16 AM

Quote from: deansmar on August 25, 2026, 05:23:14 AM2. Admin -> Ehportal -> Article -> Article List & Page List
The headers probably need to be looked at..!

3. Admin -> Ehportal -> Block List -> Edit Block -> Custom Permissions
The headers probably need to be looked at..!

Please be more specific with the needed changes.

Are you suggesting that I add some theme specific color inputs?
This may make it complicated for people but I can look into it.
The basics like background & text color.. then I put the CSS vars in the head via the buffer (because the server side PHP needs to output the client JS).
It can be done...

deansmar · August 25, 2026, 10:29:30 AM

i will try my best...

if you look at the Screenshots in the privious post and compare them with the ones in this post.
you will notice that the page layout of the below mentioned layouts does not look right..

the layout of the table header are under each other insted of side by side..

Admin -> Ehportal -> Article -> Article List & Page List
Admin -> Ehportal -> Block List -> Edit Block -> Custom Permissions

something to do with the portal.css
.ehPortal_th {
display: flex: in version RC6 it was display: table-cell;

deansmar · August 25, 2026, 11:07:14 AM

found it... in the RC12 and RC13 version in the portal.css

Code Select

.ehPortal_tbody, .ehPortal_thead, .ehPortal_th {
	display: flex;
	flex-direction: column;
}

in the RC6 version the .ehPortal_th was seperate.. so i have changed the portal.css to this

Code Select

.ehPortal_tbody, .ehPortal_thead  {
	display: table-header-group;
/*	flex-direction: column; */
}
.ehPortal_th {
    display: table-cell;
}

this way it displays as a table again..

Skhilled · August 25, 2026, 07:39:37 PM

Quote from: Chen Zhen on August 23, 2026, 02:35:24 AM
Quote from: Dave on August 20, 2026, 09:46:50 AMChen I have checked and updated all the Crip themes where the footer is inside the footerfix, if you check WhiteBox now you'll see that it's as it should be. I've also installed the latest EHportal again to check

Oh? Those themes have a border around all pages that includes the footer so I understood it to be by design.
If it's adjusted a bit now so that mods attempting to control the footer CSS do not adjust other things than that sounds good.

It's not really those themes that are an issue.. it's my blundering attempt to use CSS for a certain all around appearance using EhPortal that conflicts with some themes. I need to scrap it and go with something simple that doesn't alter too much other than the portal HTML itself (blocks/pages).

@Chen Zhen We update the themes to try to mimic the originals that Jeff coded. If you find a problem just let us know and we'll do what we can to fix it.