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 1 year 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 1 year 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 1 year 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 1 year 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;
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!