Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix the horizontal position of the left border of paragraphs #54

Open
tschaffter opened this issue Feb 21, 2021 · 5 comments
Open

Fix the horizontal position of the left border of paragraphs #54

tschaffter opened this issue Feb 21, 2021 · 5 comments
Assignees

Comments

@tschaffter
Copy link
Member

tschaffter commented Feb 21, 2021

The width of a Synapse wiki page is as large as the width of the screen (wiki the Table of Content menu). On wide screens, this can result in extremely long lines that are uncomfortable to read.

image
Source

My current solution is to make use of Synapse {row}{column width=8}A paragraph of text{column}{row} to limit the width of the page.

The "issue" (design preference) is that the distance d (see below) - the distance between the left border of the page title and left border of the paragraph - is different from 0. Most importantly, this distance d is dynamic and depends on the width of the page. Ideally, I'd like the distance d to be static.

image
Source

Is there a way to control the distance d and make it static?

@tschaffter tschaffter self-assigned this Feb 21, 2021
@tschaffter tschaffter changed the title Fix page column position Fix the horizontal position of the left border of paragraphs in Synapse wiki Feb 22, 2021
@tschaffter tschaffter changed the title Fix the horizontal position of the left border of paragraphs in Synapse wiki Fix the horizontal position of the left border of paragraphs Feb 22, 2021
@tschaffter
Copy link
Member Author

tschaffter commented Feb 22, 2021

Here is another preview of my approach (private Synapse page), which is more comfortable to read than screen-wide paragraphs. What I'm looking for is to align the left side of the page content to the left side of the page title.

image

From a design perspective, one may consider to add more space between the right side of the TOC and the left side of the page title. This distance is currently fixed by the Synapse UI design and can not be controlled by the user.

@tschaffter
Copy link
Member Author

@jay: In addition to enabling me to align my page content with the left border of the page title, would it be possible to add more horizontal space between the Table of Content (gray rectangle) and the page title?

@tschaffter
Copy link
Member Author

Update

Here is a summary of what I would like to change (see screenshot below)

  1. Increase the distance A so that the page title is further away from the TOC
  2. Have the distance B set to 0 AND be able to define C (by default C is as width as the window width - TOC width, which may be strenuous for the reader).

image

@tschaffter
Copy link
Member Author

I opened this Jira ticket.

@tschaffter
Copy link
Member Author

Update

Updated the JIRA ticket to get a sense of how long it would take to implement the proposed solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant