Long course names spill over in My Courses dropdown menu

Jeremy Hopkins

assigned issue to

Jeremy Hopkins

2016-01-30T23:15:17+00:00

Jeremy Hopkins

changed status to resolved

Fix ~~#304~~ - reduce length of displayed coursename to prevent spill

→ <<cset f311f7dc4daf>>

2016-01-30T23:17:05+00:00

Jeremy Hopkins

Fix ~~#304~~ - reduce length of displayed coursename to prevent spill

→ <<cset f311f7dc4daf>>

2016-01-30T23:18:39+00:00

sali reporter

Hello,

This one works well when the hidden courses are disabled but when enabled then one dot still extends beyond the drop down.

2016-01-30T23:53:48+00:00

Jeremy Hopkins

Fix ~~#304~~

→ <<cset a6ea5ab8d6cd>>

2016-01-31T00:16:37+00:00

Jeremy Hopkins

Can you try it now please?

2016-01-31T00:16:59+00:00

sali reporter

It doesn't seem to be working on my end. Not sure if I'm doing something wrong ....

2016-01-31T00:44:23+00:00

Jeremy Hopkins

can you purge your caches and send another screen shot please?

2016-01-31T00:54:51+00:00

sali reporter

Have been regularly purging the cache - with each batch of testing ,,, here's the latest screen shot...

Now it also looks the same with the hidden courses disabled.

2016-01-31T01:05:30+00:00

Jeremy Hopkins

Fix ~~#304~~

→ <<cset 11bc7e9a6a0a>>

2016-01-31T01:17:46+00:00

Jeremy Hopkins

Can you try again after downloading latest version from bit bucket please. Also what browser are you using?

2016-01-31T01:18:46+00:00

sali reporter

Looks fine now - with and without hidden courses. Thanks!

Browser is Firefox.

2016-01-31T01:36:36+00:00

sali reporter

Hello,

Just noticed that there is still a little spillover as in this case:

There are 30 characters displayed but as the font is not fixed-width and there are a couple m's it seems to have spilled over.

I was wondering if the "..." needs to be included when the full course name is displayed as in "Library"?

Thanks.

2016-02-04T01:00:39+00:00

Jeremy Hopkins

changed status to open

2016-02-04T01:03:29+00:00

Info 3bits

The physical length of the string depends of: the font kerning, the character width and the number of characters.

The string is truncated to 30 characters but if you use a font with a big kerning or wider characters then the total length spills out the dropdown.

Since a big kerning font is not recommended for content, and condensed as well, try to use a Open Sans. Roboto, Lato, Raleway and many other that have a normal kerning and width.

2016-02-04T11:14:04+00:00

Jeremy Hopkins

I will add an admin setting so length can be adjusted for different fonts. With the current setting our own install is not making best use of the space since it was reduced for this issue.