CB Activity css issue with Cassiopeia

1 year 2 months ago #332494 by activha
CB Activity css issue with Cassiopeia was created by activha
Hello

Using the default cassiopeia template, I have a css issue that I cannot find in CB Activity.

On small screens (smartphones) the display is much larger than the viewport. Is there a mean to force adapting the tab to the window ?

See for instance cercle.business/en/component/comprofiler/userprofile/trasss  

I cannot find where is the issue, maybe you're smarter ;-) ?

Please Log in to join the conversation.

1 year 2 months ago #332496 by krileon
Replied by krileon on topic CB Activity css issue with Cassiopeia
Something strange with your stream. There's only 3 activity entries on that page. The rest are rendered inside of activityContainerInsert, which can only happen via integration using a trigger, modifying the core template, or you've a missing closing <div> somewhere causing the layout to break, which I suspect is the case. It breaks the moment "Responsable commercial - Activateur Leader H/F" appears, which appears to be a modified article activity display.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

1 year 2 months ago #332497 by activha
Replied by activha on topic CB Activity css issue with Cassiopeia
Yes I have removed this activity entry but the issue is still the same on small screens

Seems like all is ok from md size but as soon as it's smaller CB stream does not adapt and I cannot figure why

On other profiles I cannot reproduce the issue :-(

Please Log in to join the conversation.

1 year 2 months ago #332499 by krileon
Replied by krileon on topic CB Activity css issue with Cassiopeia
It's not CB Activity causing this. It's content overflowing that is. CB Activity doesn't have a width defined. It fills whatever space is available. Find what content is overflowing and apply whatever fixes are necessary. You've buttons with long text and no word breaking and you've iframes with static widths on that page.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

1 year 2 months ago #332504 by activha
Replied by activha on topic CB Activity css issue with Cassiopeia
OK Thanks !

So I fixed it with
html, body {overflow-x: clip;}

Please Log in to join the conversation.

1 year 2 months ago #332505 by krileon
Replied by krileon on topic CB Activity css issue with Cassiopeia
That won't fix the overflow issue. That just hides it by cutting the content off.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.382 seconds

Facebook Twitter LinkedIn