Nexus missing ipsPageHeader and IpsBox code

[TDBF]

A lot of the Nexus Application has missing ipsPageHeader and IpsBox code for headers and content.

For example the Donations, Manage Purchases, personal information etc.

While this may look alright on the default theme, this can cause issues with custom themes which have dark background and dark text headers and content.

Edited June 19, 2022 by TDBF

[Andy Millne]

This is intended. When creating a dark theme you will need to adjust more elements than just the background. Elements such as ipsType_pageTitle will also need to be adjusted.

[TDBF]

1 hour ago, Andy Millne said:

This is intended. When creating a dark theme you will need to adjust more elements than just the background. Elements such as ipsType_pageTitle will also need to be adjusted.

Pretty much the rest of the applications and their Titles are wrapped in the ipsPageHeader class.

I really shouldn't need to add any code to other area's of this software when it comes to light and dark themes with items like Page Headers?! All I need to do is change the colour of the CSS styling, not editing the default templates.

Take the Support members area, looks like this: (This is suite code without modifications, expect CSS styles and colours).

Yet, the Donations Page Title looks like this:

So, you're saying I should add extra code to the templates which do not have the ipsPageHeader div blocks to get the same result as pretty much the rest of your suite?

For example: Leaderboard, Forums, Calendars, Onlineusers, Support, Staff Members Page Title etc are all wrapped ipsPageHeader, but you intentionally left out doing this to certain area's of one application?

This doesn't sit right, why would you purposely leave out something which you have more or less standard elsewhere?

<div class="ipsPageHeader ipsClearfix ipsMargin_bottom ipsHeaderButtons ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsFlex-fw:wrap">
	<h1 class="ipsType_pageTitle ipsFlex-flex:11 ipsType_break">Your Support Requests</h1>
    <ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsMargin_bottom:none ipsFlex-flex:00">
    <li class="ipsToolList_primaryAction">
    <a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="https://www.thedarkblues.co.uk/support/create/" data-ipsdialog="" data-ipsdialog-title="New Request" rel="nofollow noindex">New Request</a>
    </li>
    </ul>
</div>

<div class="ipsPageHeader ipsClearfix ipsSpacer_bottom">
	<h1 class="ipsType_pageTitle">Leaderboard</h1>
</div>

<div class="ipsPageHeader ipsClearfix ipsMargin_bottom cForumHeader ipsHeaderButtons ipsFlex ipsFlex-ai:center ipsFlex-jc:between">
	<h1 class="ipsType_pageTitle ipsFlex-flex:11 ipsType_break">
		Dundee FC Unofficial Forum
	</h1>
</div>  

<div class="ipsPageHeader sm:ipsPadding:half ipsClearfix ipsMargin_bottom sm:ipsMargin_bottom:half">
<h1 class="ipsType_pageTitle">Online Users</h1>
</div>

<div class="ipsPageHeader ipsClearfix ipsMargin_bottom ipsHeaderButtons ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsFlex-fw:wrap">
<h1 class="ipsType_pageTitle ipsFlex-flex:11 ipsType_break">Your Support Requests</h1>
<ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsMargin_bottom:none ipsFlex-flex:00">
<li class="ipsToolList_primaryAction">
<a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="https://www.thedarkblues.co.uk/support/create/" data-ipsdialog="" data-ipsdialog-title="New Request" rel="nofollow noindex">New Request</a>
</li>
</ul>
</div>

Edited June 20, 2022 by TDBF

[Jim M]

I'll move this to our Feature and Suggestion forum as it is currently intended.