Wrap long menu item titles and Show tooltips on hover do nothing By dave lees I have selected Wrap long menu items titles and Show tooltips on hover in the advanced menu options but in HTML 5 it does nothing?
Seth Ozen over 2 years ago12/11/19 at 4:48 pm (UTC) It must be a bug. Uncheck "Wrap long...." then the menu items will get wrapped.
dave lees Author over 2 years ago12/12/19 at 3:12 pm (UTC) That doesn't do anything either ... does this work for anyone when they export to HTML 5?
dave lees Author over 2 years ago12/12/19 at 4:03 pm (UTC) Thanks Seth but just to clarify it's the text in the links in my resources drop down
Seth Ozen over 2 years ago12/12/19 at 4:47 pm (UTC) OK. This is a bit involved. I strongly recommend using a code editor such as, VS Code. Open main.min.css in Storyline output\html5\lib\stylesheets and set white-space to wrap. .is-desktop .resources .resources-list a { display: block; padding: .5em; white-space: wrap; overflow-x: visible; text-overflow: ellipsis If you want to change the hover color in the Resources tab, open output.min.css in Storyline output\html5\data\css and change the hover background to your liking using the hex color code. body:not(.is-touchable-tablet) .cs-pxabnsnfns00001100101 .resources .resources-list a:hover { background: #ffff00;
dave lees Author over 2 years ago12/12/19 at 5:20 pm (UTC) Works like a charm Seth! thanks very much!
6 Replies
It must be a bug. Uncheck "Wrap long...." then the menu items will get wrapped.
That doesn't do anything either ... does this work for anyone when they export to HTML 5?
See the attached.
Thanks Seth but just to clarify it's the text in the links in my resources drop down
OK. This is a bit involved. I strongly recommend using a code editor such as, VS Code.
Open main.min.css in Storyline output\html5\lib\stylesheets and set white-space to wrap.
.is-desktop .resources .resources-list a {
display: block;
padding: .5em;
white-space: wrap;
overflow-x: visible;
text-overflow: ellipsis
If you want to change the hover color in the Resources tab, open output.min.css in Storyline output\html5\data\css and change the hover background to your liking using the hex color code.
body:not(.is-touchable-tablet) .cs-pxabnsnfns00001100101 .resources .resources-list a:hover {
background: #ffff00;
Works like a charm Seth! thanks very much!