Theme Adaptable - Line break in activity and resource instances in Safari

Theme Adaptable - Line break in activity and resource instances in Safari

by Douglas Nantes Gualberto -
Number of replies: 7

Hello

At the institution where I work, users are complaining about line breaks in instances of activities and resources when using the Safari browser.

The error does not occur in the Google Chrome browser.

Inspecting the page, deselecting the parameter text-ident: -31px; changes the positioning of the line but at least there is no line break. However, I am unable to resolve this issue permanently for the Safari browser.

Attachment image.png
Average of ratings: -
In reply to Douglas Nantes Gualberto

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
CSS comes from Boost, so does it happen there too? Safari / Moodle / Theme versions not stated.
In reply to Gareth J Barnard

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Douglas Nantes Gualberto -

Hello Gareth J Barnard.

Thanks for the answer. Sorry for forgetting to inform the versions.
Moodle Version: 2020061501.06 Release: 3.9.1+ (Build: 20200807)
Mac OS Sierra, Safari: 10.0 (12602.1.50.0.10)
Theme Adaptable Version: 2019112603 Release: 2.2.2

I solved the problem by adding the CCS customizations to the Adaptable theme settings:

.topics .activity-wrapper .activityinstance a{
text-indent: 0;
padding-left: 0;
}

In reply to Douglas Nantes Gualberto

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
That's odd when looks like a width issue.
In reply to Gareth J Barnard

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Marcus Phelan -
Moodle 3.9.3+ (Build: 20201204)
Adaptable 3.0.2 2020073103

Hi Gareth,

I’m experiencing this issue too and am keen to understand if it’s theme related.

I’m not sure if Douglas (user on this thread with the same issue) is active on these forums. The css fix he suggests didn’t work for me.

Many thanks
In reply to Marcus Phelan

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
It is theme related, but I'm not sure why it affects Adaptable and not Boost. Anyway, the fix will be in the next release when I release it.
In reply to Gareth J Barnard

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Marcus Phelan -
Thanks Gareth
In reply to Douglas Nantes Gualberto

Re: Theme Adaptable - Line break in activity and resource instances in Safari

by Marcus Phelan -
Moodle 3.9.3+ (Build: 20201204)
Adaptable 3.0.2 2020073103

Hi Douglas.

I've also experienced this issue but the custom CSS fix above doesn't work for me, even after purging cache. Mobile and desktop Safari (and mobile Chrome) show the activity & resource headings in a similar 'line break' way.

Desktop Chrome/ Edge and Firefox are all fine.

Can you suggest an alternative fix?

Many thanks.