I noticed that in the documentation pages, the terminal or code snippet sections often contain long commands and outputs that require horizontal scrolling. This can make it difficult for users to read or copy commands efficiently, especially on smaller screens.
To enhance the overall readability and accessibility, I propose adding a Word Wrap toggle icon next to the existing Copy icon in the terminal/code sections.
Proposed Solution:
-
Introduce a Word Wrap toggle icon (for example, a simple “↩” symbol) adjacent to the Copy button.
-
The icon would allow users to switch between:
- Wrapped view: using
white-space: pre-wrap; to display long lines within the visible container.
- Default view: preserving the original horizontal scroll layout.
Benefits:
- Improves readability of long commands.
- Reduces the need for horizontal scrolling.
- Enhances the overall user experience when reading or referencing documentation.
Request:
If this proposal aligns with the project’s design and contribution goals, could you assign this issue to me? I would be happy to implement and submit a PR for this enhancement.
I noticed that in the documentation pages, the terminal or code snippet sections often contain long commands and outputs that require horizontal scrolling. This can make it difficult for users to read or copy commands efficiently, especially on smaller screens.
To enhance the overall readability and accessibility, I propose adding a Word Wrap toggle icon next to the existing Copy icon in the terminal/code sections.
Proposed Solution:
Introduce a Word Wrap toggle icon (for example, a simple “↩” symbol) adjacent to the Copy button.
The icon would allow users to switch between:
white-space: pre-wrap;to display long lines within the visible container.Benefits:
Request:
If this proposal aligns with the project’s design and contribution goals, could you assign this issue to me? I would be happy to implement and submit a PR for this enhancement.