You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I propose to upgrade the way the Table of Contents is displayed. There are two things that could be modified in my opinion.
Currently text that is longer than the available space in the container, gets a word-wrap. This wrapping only takes place on a space or a hyphen. This does not work when the text has no space or a hyphen. Macros (in C) for example have underscores, like MPLNVM_PROGRAM_READ. This is currently displayed as MPLNVM_PROGRAM_R.
The last three letters are not visible, because they overflow the container and it is considered to be a single word.
I propose to add the Bootstrap class text-break to the div in toc.html. This will break on a space and a hyphen and if there still is an overflow, it will just break where the overflow occurs. Maybe, there could be a parameter that enables this changed behavior?
For me I also made the change to break words on an underscore, but I think that change is perhaps a bit too specific for my case. The extra class is however quite generic.
When a word wrap happens, the text that is wrapped to the second line, has the same alignment as the first line. This makes it a bit harder to see that the lines belong together. I propose to indent that second line (and any following lines because of a wrap). This makes it visually clearer that the lines belong to each other.
I could not find a Bootstrap class that does this, so I defined the following class:
.text-indent {
text-indent:-6px;
}
Add text-indent to the div in toc.html. I experimented with the number and an indent of 6 pixels looks about right. It is also much less than the indent caused by different headings, which makes the indents different enough.
As always, these are only suggestions that work for me of which I think they might be an addition to Hinode. Feel free to use them or not 🙂
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
I propose to upgrade the way the Table of Contents is displayed. There are two things that could be modified in my opinion.
MPLNVM_PROGRAM_READ. This is currently displayed asMPLNVM_PROGRAM_R.The last three letters are not visible, because they overflow the container and it is considered to be a single word.
I propose to add the Bootstrap class
text-breakto thedivintoc.html. This will break on a space and a hyphen and if there still is an overflow, it will just break where the overflow occurs. Maybe, there could be a parameter that enables this changed behavior?For me I also made the change to break words on an underscore, but I think that change is perhaps a bit too specific for my case. The extra class is however quite generic.
I could not find a Bootstrap class that does this, so I defined the following class:
Add
text-indentto thedivintoc.html. I experimented with the number and an indent of 6 pixels looks about right. It is also much less than the indent caused by different headings, which makes the indents different enough.As always, these are only suggestions that work for me of which I think they might be an addition to Hinode. Feel free to use them or not 🙂
Beta Was this translation helpful? Give feedback.
All reactions