Am using Twine 2.0.11 and SugarCube 2.11.0. I can remove the sidebar by adding this to my stylesheet
#ui-bar { display: none; }
but this does not move the left margin of the text. I looked at previous threads on this forum which suggested that
body { margin-left: 5px;}
should work, but this only moves the text relative to where the right border of the text box used to be. Changing the width of the sidebar does not help either. Putting negative numbers in the margin-left seems a bad idea. How can I reclaim the space previously taken up by the sidebar?
Comments
Of course you replace # with a value.
If you wish to completely remove the UI bar, then I'd suggest simply removing it and its styles. For example: (Twine 2: goes in Story JavaScript; Twine 1: goes in script-tagged passage)
I guess what I want is for it not to resize the Passage text when the sidebar opens.
Try the following styles and let me know if they do what you want:
What's the difference between them, by the way? Is the former dependent on the viewport size while the latter isn't or something?
That is correct, yes.