Disable only redo button

Authoring Twine
1

Please specify version and format if asking for help, or apply optional tags above:
Twine Version: Twine 2
Story Format: Harlowe 3.2.1

Hey!

I’m trying to remove only the redo button using this method:

tw-sidebar .redo
{
display: none;
}

I don’t know why but seens like is not working for me. The only way I’m able to do that is disabling undo and redo buttons doing this:

tw-sidebar
{
display: none;
}

2

Please use the Preformatted text option in the toolbar when including code examples, it makes them easier to read/copy and stops the forum’s software converting valid standard quotes into invalid Typographical (curvy) quotes.

If you use your web-browser’s Web Developer Tools to Inspect the HTML elements that make up the left ‘sidebar’ you will see they look something like…

<tw-sidebar>
	<tw-icon tabindex="0" alt="Undo" title="Undo">↶</tw-icon>
	<tw-icon tabindex="0" alt="Redo" title="Redo">↷</tw-icon>
</tw-sidebar>

The 2nd CSS example you supplied targets the <tw-sidebar> element, which will effect all of the ‘sidebar’ content.

The 1st example you supplied, that uses a .redo CSS class, used to be how you would effect the Redo link, however the <tw-icon> elements that represent the Undo & Redo links were changed in a recent version of Harlowe. You now need a CSS selector that targets the title property of the element, for the Redo link that would look something like…

tw-icon[title="Redo"] {
	display: none;
}
3

It works. Thank you so much!