Three issues with Learn2 theme

Support Themes & Styling
1

Hi,

I did install the latest release of the learn2 theme for my site, but the menu leftside menu is not behaving as expected:

  • menu scroll is not present/active
  • checks on the sections/subsections already read is not present/active
    I looked through the config files but found no way to activate them. Is there something special to be done ?

Also, in several of my docs.md, I want to ingrate <input> fields. It works great, but the system systematically places these inputs on separate lines, which is not what I want.

For instance, this code in docs.md:

This is an example of a texte with an input <input type="number" style="color:#20b030; width: 80px" value="10"> to be manipulated by the user.

results in this:

57
Screenshot 2018-11-01 08.24.57.png1900×288 17.8 KB

I’d like/need for the text and the inut to remain on a single line… How can I enforce that ?

Thanks,
Xavier

2

Menu scrolls and checks were due to me including a newer version of jquery in base.html.twig. It does obviously break something.

3

For your ‘input’ problem, try adding elements around them and see if they stay in the same line or not :slight_smile: (they should)

4

Thanks, RobLui. But isn’t it what I do when writing all the text on a single MD line.

E.g. this is the full docs.md of my section:

---
title: Explanation
taxonomy:
    category: docs
---

With an initial test of one variables:
Enter the value you need in the field <input style="width: 80px" type="number" id="amount" onchange="valueUpdate('amount')"> and then see what happens.
When you leave the input field, a function is triggered which automatically memorizes the value.
And so be it

It results in:

59
Screenshot 2018-11-13 19.07.59.png1644×552 24.4 KB

So, what else should I put around ? Thanks for any hint…
Xavier

5

01
Schermafbeelding 2018-11-13 om 19.35.01.png2096×384 50.9 KB

This is how it renders out for me, is your class around it too small for it to fully display on the same line?

This is my own code: (didn’t make a difference tho with or without the span element)

With an initial test of one variables:
Enter the value you need in the field <span><input style=“width: 80px” type=“number” id=“amount” onchange=“valueUpdate(‘amount’)”> </span> and then see what happens.
When you leave the input field, a function is triggered which automatically memorizes the value.
And so be it

6

How weird. With or without span, me it keeps making it on a separate line.
And I’ve not defined any specific class, I simply use the Learn2 theme.

I just tried on another site I have with the Tessellate theme, and there is no problem there.

The example you showed me, is it also within a Learn2 theme ? If yes, this is puzzling. If not, then it could mean that it is an issue with some classes defined by the theme…
Thanks for your help,
Xavier

7

Tested it with the learn2 theme wich seems to give style elements from within the the itself, a way to surpass this is with just adding the ‘inline-block’ style to your element :slight_smile:

Tested & working bypass:

With an initial test of one variables:
Enter the value you need in the field <input style=“width: 80px; display:inline-block;” type=“number” id=“amount” onchange=“valueUpdate(‘amount’)”> and then see what happens.
When you leave the input field, a function is triggered which automatically memorizes the value.
And so be it

8

Thanks a lot.
It does indeed solve the issue and keep the input field in the text. It creates a larger line space before and after the line though, but I’m sure this is a matter of also playing with other style parameters.
Thanks again, @RobLui

1 Like