UBBCentral

Mobile avatar overlaps message text

Posted By: Digitalgas

Mobile avatar overlaps message text - 01/31/18 02:56 PM

My users have noticed that some avatars are overlapping the first couple words in the post when the phone is held vertical. When held horizontal, the layout is different and the avatar doesn't cause a problem.
I have avatars set at 80 pixels. The user avatar in the attached example is 46 w x 80 h. Square 80 pixel avatars don't cause an overlap. Could it be the non-square 46 pixel width is causing the layout issue? What can I change?

Thanks


Description: Vertical phone view
Attached picture mobile-avatar.jpg

Description: Horizontal phone view
Attached picture mobile-avatar2.jpg
Posted By: Ruben

Re: Mobile avatar overlaps message text - 02/03/18 04:47 PM

What style are you using?
The reason is if you are using a style that not was not upgraded to the current version then you may need to edit the style.
A link to the problem post would be helpful.
Posted By: Digitalgas

Re: Mobile avatar overlaps message text - 02/04/18 04:01 AM

Thanks for the reply. I didn't try other styles.

We are running UBBCentral - Zen as default. I just tried ubbthreads stock and got the same overlap as Zen. I tried a couple Ventura Open styles and they don't show that overlapped.

An example thread showing avatar/text overlap in vertical phone mode:
http://www.oldgas.com/forum/ubbthreads.php?ubb=showflat&Main=118009&Number=695915#Post695915
Posted By: Ruben

Re: Mobile avatar overlaps message text - 02/04/18 09:48 PM

Well then the best thing is to replace the problematic styles with updated ones.
It is a two step process.
Rename the zen and ubb stock styles. Replace them from the members section by importing the styles pack's.
Delete the old original styles that were renamed. You should be good to go.

Or drill down through all the style settings and figure it out what is different.

I think you have been directed to update your styles before by Isaac for other issues.
Posted By: isaac

Re: Mobile avatar overlaps message text - 02/04/18 09:59 PM

Ruben, the issue is not anything to do with forum styles. Its a css block container issue within the actual template. This issue has been resolved in the upcoming version of UBB.threads.

Digitalgas, thanks for reporting this and bringing it to our attention so it could be fixed. Every item that gets reported, helps! thumbsup
Posted By: Ruben

Re: Mobile avatar overlaps message text - 02/04/18 10:04 PM

Okay then I stand corrected. Glad to see you are on top of it.
I just assumed it was a out of date style that was not fully populated with all the newer css properties.
Posted By: Gizmo

Re: Mobile avatar overlaps message text - 02/04/18 10:05 PM

Originally Posted by Ruben
I just assumed it was a out of date style that was not fully populated with all the newer css properties.

It was a good assumption, its the usual culprit
Posted By: isaac

Re: Mobile avatar overlaps message text - 02/04/18 10:08 PM

Originally Posted by Ruben
Okay then I stand corrected. Glad to see you are on top of it.
I just assumed it was a out of date style that was not fully populated with all the newer css properties.


I always love reading your replies. You get to looking at things that are not usually seen upon first inspection. You're a gem to this software & community. Keep up the good job laugh
Posted By: Digitalgas

Re: Mobile avatar overlaps message text - 02/06/18 02:59 AM

Thanks guys, for the discussion and help with this issue. It's not a big serious thing. Just about everyone loves the 7.6.1.1 easy photo upload directly into posts, the mobile responsiveness and fresh css look. A few just don't like change. wink
Posted By: whk

Re: Mobile avatar overlaps message text - 02/22/18 02:07 PM

Originally Posted by Digitalgas
Thanks guys, for the discussion and help with this issue. It's not a big serious thing. Just about everyone loves the 7.6.1.1 easy photo upload directly into posts, the mobile responsiveness and fresh css look. A few just don't like change. wink

That is something I missed seeing in my 7.6.1.1 upgrade. Can someone explain this feature or point me to where I can learn more about it?

Thanks!
Posted By: isaac

Re: Mobile avatar overlaps message text - 02/22/18 03:34 PM

Originally Posted by whk
Can someone explain this feature or point me to where I can learn more about it?


I believe he may be talking about the image attachments, which are managed by the Attachment Manager.

The very last line of the "UBB.threads 7.6.1.1 (2018-01-11) Changelog" section at:
https://www.ubbcentral.com/forums/ubbthreads.php/topics/260743#Changelog7611

"[NEW] Attachment Display is now customizable between Grouped or Inlined. Grouped images are displayed as thumbnails grouped together under the post. Inlined images are displayed at full width (while still fitting within the post width) just under the post text."
Posted By: whk

Re: Mobile avatar overlaps message text - 02/22/18 04:18 PM

Isaac - thanks for the image attachment clarification.
© 2018 UBB.threads PHP Forum Software Community