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

UX: FAQ page shorten the line length #146

Closed
bunekcca opened this issue Mar 29, 2019 · 7 comments
Closed

UX: FAQ page shorten the line length #146

bunekcca opened this issue Mar 29, 2019 · 7 comments

Comments

@bunekcca
Copy link
Collaborator

To be more readable from a UX perspective, can we shorten the line length to 100 characters ?

@jraddaoui
Copy link
Collaborator

We can give a max-width to the content of that page, like in the search filters. But, in my opinion, cutting content and leaving long white spaces in some pages at high resolutions is not a very good option either (even if it's centered).

I'd suggest to look for a two columns layout in this page, similar to what we have in the folders and digital files pages for the attachments section, which is displayed in one column in medium resolutions.

Also, we should address this alongside #96.

@bunekcca
Copy link
Collaborator Author

Hi @jraddaoui

White space is not an issue to me. Look at this. If you scroll down, you've got tons of white space. The important point is just to make it readable and not let the user feel overwhelmed by the text.

@bunekcca
Copy link
Collaborator Author

bunekcca commented Jun 4, 2019

Can we align the text to the left instead of having it centered ?

image

@jraddaoui
Copy link
Collaborator

Hi @bunekcca,

As you may have noticed, HTML can be used when editing this page content, something that was done to ease the adoption of the application, among other reasons. Considering that, I think it's a good idea to remove the FAQ container I created for this work. Instead, this alignment can be achieved by using HTML in the content input, which allows to have different aspects and a lot of options for someone with knowledge of Bootstrap 4.

For example, the current alignment in the test site is created by wrapping the content in the following elements:

<div class="row">
  <div class="col-md-10 col-lg-8 col-xl-6">
  ...
  </div>
</div>

Please, let me know if that's okay.

@bunekcca
Copy link
Collaborator Author

Hi @jraddaoui

I agree, way more flexible. Let's do that then.

Have a good day.

@jraddaoui
Copy link
Collaborator

Thanks @bunekcca! It's already done and ready for review in the test instance.

@bunekcca
Copy link
Collaborator Author

Perfect

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

2 participants