Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Liam McDonagh-Greaves -
Number of replies: 8

Hello,

* Moodle 3.5.1 (20180709)

* Collapsed Topics 3.5.0.2 (2018052301)

Expected behaviour: topic headings are always shown next to the toggle icon (arrow, in this case).

Actual behaviour: topic headings only appear one at a time, when there is a mouseover of the topic heading, and disappear again when the cursor is not over the heading. Behaviour is the same regardless of whether the topic is collapsed or open.

Sorry if there is a simple answer - I'm fairly inexperienced.

Any help much appreciated.

Liam

Average of ratings: -
In reply to Liam McDonagh-Greaves

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Have you set the colour of the toggle background the same as the text?

Average of ratings: -
In reply to Gareth J Barnard

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Liam McDonagh-Greaves -

Toggle background colour: #e2e2f2

Toggle foreground colour: #000000

Other colours selected are:

Toggle foreground hover colour: #888888

Toggle background hover colour: #eeeeff

All opacities set to 1.

Thank you.

Average of ratings: -
In reply to Liam McDonagh-Greaves

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Ok....  what:

  • Version of Moodle.
  • Version of Collapsed Topics.
  • Theme and version of.

please.

Plus a screen shot please.

If not a core theme, then does the issue happen when using one?

Average of ratings: -
In reply to Gareth J Barnard

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Liam McDonagh-Greaves -
  • Moodle 3.5.1 (20180709)
  • Collapsed Topics 3.5.0.2 (2018052301)
  • Using Essential Theme. "Properties" page lists:
moodle_version 2018051701
theme_version 2018051900

Screenshots attached. One shows collapsed topics with cursor not hovering over any headings. The other shows the same, but with mouse cursor hovering over top topic heading.

The same behaviour occurs in Boost and Clean themes.

Thank you.
Average of ratings: -
In reply to Liam McDonagh-Greaves

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Ok, given the themes and the previous replies then I suspect there is a bit of custom CSS or a plugin that is conflicting.  So...

  • Does this happen in all Collapsed Topics courses on your site?
  • If so, then is the site public?
  • If so, then is it possible to create a test course with 'guest access' that shows this so that I can have a look with browser development tools please?
  • Or that you have broken code that was damaged when the plugin was installed via FTP etc.

Average of ratings: -
In reply to Gareth J Barnard

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Liam McDonagh-Greaves -
Yes, it happens in all Collapsed Topics courses on the site. There is a course with guest access:

* Setting up THERM for Use in Thermal Bridging Calculations: click on "Click here to access"
* Click "Log in as a guest".

Many thanks.

Liam
Average of ratings: -
In reply to Liam McDonagh-Greaves

Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Ok, given the inline CSS generated is:

/* -- Toggle text -- */.course-content ul.ctopics li.section .content .toggle span, .course-content ul.ctopics li.section .content.sectionhidden {
 color: rgba(255, 255, 255, 1.0);
 text-align: left;
}

and the code that generates it is:

    echo '/* -- Toggle text -- */';
    echo '.course-content ul.ctopics li.section .content .toggle span, ';
    echo '.course-content ul.ctopics li.section .content.sectionhidden {';
    echo 'color: ';
    echo \format_topcoll\toolbox::hex2rgba($tcsettings['toggleforegroundcolour'], $tcsettings['toggleforegroundopacity']);
    echo ';';

then the value of the 'toggleforegroundcolour' on that course (not the admin default one) must be set to '#ffffff'.  Unless you have edited the code in some way.

Average of ratings: Useful (1)
In reply to Gareth J Barnard

[Solved] Re: Collapsed Topics Plugin: Topic Titles Invisible Until Mouseover

by Liam McDonagh-Greaves -

Thanks so much - you've hit the nail on the head. Your suspicion was correct - I was editing the admin default settings before, not the course-specific settings (I didn't know they existed). It is strange, as it all looked fine prior to a big Moodle upgrade I did, and I hadn't changed any course-specific settings after that (didn't know how!). Never mind, it is resolved now, so thanks once again for your time.

Average of ratings: -