TinyPortal

[@rjen]

1. No clue

2. Removing that code is not needed in my suggestion

3. In TinyPortal

4. No clue, may not even related as far as I can tell

5. No clue, different question it seems

[jsx]

The inscription that overlaps the avatar looks like a bug. On your site I see that the posts are displaying and none are collapsed. Maybe I have some option turned on that causes this or something like that.

[@rjen]

The inscription that overlaps the avatar looks like a bug.

Link to your forum where we can inspect the 'bug'?

[@rjen]

OK, found your site after a bit of searching.

The avatar issue is caused by your theme, so cannot fix that in TinyPortal.

I see this styling in your index file:

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
   <style>
   img.avatar {max-width: 110px !important;max-height: 110px !important;}
   
   .postarea .bbc_img, .list_posts .bbc_img, .post .inner .bbc_img, form#reported_posts .bbc_img, #preview_body .bbc_img { max-width: min(100%,900px); }
   
   .postarea .bbc_img, .list_posts .bbc_img, .post .inner .bbc_img, form#reported_posts .bbc_img, #preview_body .bbc_img { max-height: 600px; }
   
         #top_section .inner_wrap, #wrapper, #header, footer .inner_wrap, #nav_wrapper
         {
            max-width: 92%;
            width: 92%;
         }
         @Media screen and (max-width: 991px)
         {
            #top_section .inner_wrap, #wrapper, #header, footer .inner_wrap, #nav_wrapper
            {
               max-width: 95%;
               width: 100%;
            }
         }
   
   </style>

This inline style is overruling all css statements later, due to the !important setting, and causing the tinyportal latout to be broken...
Is this styling standard for the theme, or did you add that yourself? It seems a bit random to be standard for the theme...

[@rjen]

5. If I publish two posts on the home page of the portal, only one post is displayed in full, the other is collapsed. Why is this happening?

What layout type are you using for the frontpage?

Without more details or an example I really cannot answer your questions...

[jsx]

The avatar issue is caused by your theme, so cannot fix that in TinyPortal.

The same bug is on the default SMF Curve theme.

What layout type are you using for the frontpage?

These are my frontpage settings:

[@rjen]

The css that I posted is not from he Default Curve theme: SOMETHING has added that css that causes the layout to break, if it is not the theme then most likely one of the Mods your are using...

What Mods have you installed? Anything related to avatars?

[@rjen]

As for the frontpage: in your screenshot I see you are using the "Normal + links" layout type: that is designed to do exactly that: show the first article in full (normal) mode, and showing a Link to the following articles...

switch to "Normal articles" if you want to see the same layout as on my site...

[Diego Andrés]

If I recall correctly, that avatar inline style is added by SMF when you save the avatar size in the settings.

[jsx]

The css that I posted is not from he Default Curve theme: SOMETHING has added that css that causes the layout to break, if it is not the theme then most likely one of the Mods your are using...

What Mods have you installed? Anything related to avatars?

I don't have any mod installed that is related to avatars. I ran a test and put a 110x110 avatar with a background.

Avatar with a light background:



Avatar with a dark background:



And as you can see "Posted in" overlaps the avatar background, I think you didn't anticipate that it would overlap the avatar. That's why you set "Posted in" to such a distance from the avatar in css.

As for the frontpage: in your screenshot I see you are using the "Normal + links" layout type: that is designed to do exactly that: show the first article in full (normal) mode, and showing a Link to the following articles...

switch to "Normal articles" if you want to see the same layout as on my site...

Thanks for the clarification. Now the posts are displayed correctly.

[@rjen]

If I recall correctly, that avatar inline style is added by SMF when you save the avatar size in the settings.

Never seen that before, tried to reproduce it, but no luck... tips?

[@rjen]

And as you can see "Posted in" overlaps the avatar background, I think you didn't anticipate that it would overlap the avatar.

In my forums it does not overlap, because Tinyportal is applying a max-width css to it...

[jsx]

Avatar 110x110:

[@rjen]

Avatar 110x110:

I can see the result, please let me know where you set your avatar to this size?

ok, I found it, it is below setting, and yes, this is something the we never considered in the TinyPortal setup: the SMF inline style is overwriting the .css
It only happens if you set it to "Resize it in the user's browser", try to set it to: "Download and resize it on the server"  instead...

For future support: it would really help if you clearly specify in the questions what it is you are referring to:
what do you expect,
what is wrong,
what did you do to create the result,
what setting,
where is it made, etc...

so we can help more quickly....


You cannot view this attachment.

[@rjen]

Or edit tp-style.css

find

Code Select Expand

.article_info div.tp_avatar_single {
  border: none;
  float: left;
  max-width: 80px;
}
replace width

Code Select Expand

.article_info div.tp_avatar_single {
  border: none;
  float: left;
}
But to be honest: using that setting in SMF may give you more issues in the forum...

This is what I see when I changed the setting to 300px x 300px in the forum itself...
The SMF Curve theme is not dealing with avatars being resized in the browser very well either...

You cannot view this attachment.

[jsx]

It only happens if you set it to "Resize it in the user's browser", try to set it to: "Download and resize it on the server"  instead...

If I set 'Download and resize it on the server', the avatar will be reduced at this location on the home page of the portal and the avatar looks good too.

For future support: it would really help if you clearly specify in the questions what it is you are referring to:
what do you expect,
what is wrong,
what did you do to create the result,
what setting,
where is it made, etc...

Ok, I'll remember.

Or edit tp-style.css

Thank you for this tutorial, when I set it to 110px it's okay.

[Diego Andrés]

But to be honest: using that setting in SMF may give you more issues in the forum...

This is what I see when I changed the setting to 300px x 300px in the forum itself...
The SMF Curve theme is not dealing with avatars being resized in the browser very well either...

It's a strange setting indeed, it doesn't do now what I presume it intended 8-10 years ago.

[@rjen]

Fix included in TP2.2.3: tp-style.css

Find:

Code Select Expand

.tp_avatar_single img {
border-radius: 2px;
float: left;
}
Change to:

Code Select Expand

.tp_avatar_single img {
border-radius: 2px;
float: left;
width: 65px;
}

[jsx]

What exactly does this fix do?

When will TP 2.2.3 be released?

[@rjen]

1. It fixes your avatar issue for real

2. Unless some real bug fixes are needed probably when SMF 2.1.3 gets released