News: When asking for support, it helps us and you, if you read the Posting Guidelines

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

June 24, 2019, 05:43:08 AM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 188454
  • Total Topics: 20728
  • Online Today: 39
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 0
Guests: 22
Total: 22

Author Topic: Blocks Aren't Lining Up  (Read 2494 times)

0 Members and 1 Guest are viewing this topic.

Offline MisterVertigo

  • Newbie
  • *
  • Posts: 4
Blocks Aren't Lining Up
« on: August 30, 2018, 03:27:42 PM »
Hello! I have a fresh new install of SMF 2.0.15 and the latest version of TinyPortal (1.5.1) and I'm having a frustrating issue. All I'm wanting to do is use the far right panel with about 4 blocks in it, including the User, Search, Stats, and Shoutbox. I have TinyPortal configured to only use the Forum Index, and these blocks should appear on every page.

Everything appears to be working OK, but when looking at the Forum Indec the top-most Category bar does not line up with the top of the Right TinyPortal blcok. It's about 8 pixels below the top of the Right Panel. In my SMF settings I have turned off "Show statistics on board index" and "Show latest member on board index" for the current theme since they will be displayed in the Block in the right panel. If I turn them back on the problem is a bit better, but it still doesn't quite line up.

I'm using the SMF Default Theme - Curve. It does the same thing if I use any other theme. The strangest part is when I go to look at a forum everything lines up perfectly. It's only when I'm on the forum index, and it's worse when the Show Statistics option is on in theme settings. Attached is a screen shot so you can see what I'm talking about.

Any suggestions on what I'm doing wrong, or a .CSS file I can modify to make it line up properly? Thank you!
« Last Edit: August 31, 2018, 12:30:08 PM by @rjen »

Offline lurkalot

  • Administrator
  • *
  • Posts: 6053
    • Camera Craniums
Re: Blocks Aren't Lining Up
« Reply #1 on: August 30, 2018, 04:21:54 PM »
Hi MisterVertigo, and welcome to Tinyportal support.

I hadn't seen that alignment issue until I tried the settings you just mentioned.  I can confirm there's a bug.  For me it seems the "Show statistics on board index" is causing quite a big shift in the alignment.

Please bare with us while we try a find a workaround for you, at least until a permanent fix can be put in place.

Thanks, and sorry for any inconvenience.

Offline MisterVertigo

  • Newbie
  • *
  • Posts: 4
Re: Blocks Aren't Lining Up
« Reply #2 on: August 30, 2018, 05:39:27 PM »
Oh wow, thank you very much for the quick response! I'm just glad that someone else can replicate the issue and it's not just me. If you can come up with a workaround I would appreciate it very much!

Offline illori

  • Administrator
  • *
  • Posts: 2050
Re: Blocks Aren't Lining Up
« Reply #3 on: August 30, 2018, 05:43:19 PM »
in the TP admin panel -> settings "yes" Use the roundframe style for left/right panels? and save the page then you will find it will line up better.

Offline MisterVertigo

  • Newbie
  • *
  • Posts: 4
Re: Blocks Aren't Lining Up
« Reply #4 on: August 30, 2018, 05:49:18 PM »
That is slightly better, yes. It's still there but not nearly as noticeable.

Offline @rjen

  • Support Team
  • *
  • Posts: 1678
    • FJR-club Nederland
Re: Blocks Aren't Lining Up
« Reply #5 on: August 31, 2018, 02:23:21 AM »
It seems that SMF Curve injects an element on top when you deactivate the STATS on the board index in SMF:  called index_common_stats
Even though it is not actually displaying, it is pushing the category down...

TBH it does not look like something TP can really fix, since it is in the SMF theme itself...

You can fix it by disabling this element in the index.css file.
It does not seem to do very much anyway...

Find

Code: [Select]
/* the small stats */
#index_common_stats
{
   display: block;
   margin: 0 0 0.5em 0;

Replace by

Code: [Select]
/* the small stats */
#index_common_stats
{
/*   display: block; */
   display: none;
   margin: 0 0 0.5em 0;
« Last Edit: August 31, 2018, 04:44:37 AM by @rjen »
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline @rjen

  • Support Team
  • *
  • Posts: 1678
    • FJR-club Nederland
Re: Blocks Aren't Lining Up
« Reply #6 on: August 31, 2018, 02:58:36 AM »
This will leave you with a 2px 'alignment difference' due to the fact that the Board index page is using a table that has a default border spacing of 2px. TP does not use tables. Not sure if that is easily fixable...
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline tino

  • Developer
  • *
  • Posts: 1568
Re: Blocks Aren't Lining Up
« Reply #7 on: August 31, 2018, 05:01:53 AM »
We can stick a -ve margin-top (or padding-top) in TinyPortal to bring the block up. I can’t test or work out what that should be but that’s probably the easiest.

Offline @rjen

  • Support Team
  • *
  • Posts: 1678
    • FJR-club Nederland
Re: Blocks Aren't Lining Up
« Reply #8 on: August 31, 2018, 05:03:56 AM »
We can stick a -ve margin-top (or padding-top) in TinyPortal to bring the block up. I can’t test or work out what that should be but that’s probably the easiest.

Possibly, but this would only apply in the Boardindex page: in all other locations the Panels are correctly lined up...
So not sure how you would make that only apply on the boardindex, and only for curve ??

TBH it is really the way curve is coded that is causing the boardindex to 'appear' te be misaligned.... I am not in favor of misaligning the right (and left) panel on all other theme's and locations, just because Curve has a table-based boardindex with border spacing?
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline tino

  • Developer
  • *
  • Posts: 1568
Re: Blocks Aren't Lining Up
« Reply #9 on: August 31, 2018, 05:32:36 AM »
Add it in the buffer logic if theme id is curve and action is BoardIndex then add that to the top in context[html_before’] it’s called something like that. So inline style