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

Use Wikidocs on Wide Screen #206

Open
1 task
ffiesta opened this issue Nov 7, 2024 · 4 comments
Open
1 task

Use Wikidocs on Wide Screen #206

ffiesta opened this issue Nov 7, 2024 · 4 comments
Labels
bug Something isn't working

Comments

@ffiesta
Copy link
Contributor

ffiesta commented Nov 7, 2024

Describe your issue

When we use wikidocs on wide screens, it align main content to right, and it it some how annoying. Tested on wide screen with width 3840 and 3440 using https://responsively.app/.

In my opinion wikidocs main need to be always align to left or increse letters and main to be adjusted to the screen.

Device and settings

windows 10, responsively app

Steps to reproduce

open on responsively.app wide screen.

Screenshots (optional)

No response

Extra fields

  • I'd like to work on this issue
@ffiesta ffiesta added the bug Something isn't working label Nov 7, 2024
@Zavy86
Copy link
Owner

Zavy86 commented Nov 7, 2024

can you add a screenshot?

@ffiesta
Copy link
Contributor Author

ffiesta commented Nov 7, 2024

Multiple images from responsivelly app.

Im my first time I was remotelly connected to my laptop, and all main content it's right align, know i was in laptop it self, and its center align, but content its some how litle Sorry for that :-(

image

image

image

Sorry for that :-(

... despite on a large screen wikidocs remain strange in middle of screen.

I think it's better passe this to request to develop a better viewer on bigger screen! @Zavy86 pass this to a request.

@leomoon
Copy link
Collaborator

leomoon commented Nov 9, 2024

I tried this a bit to force left the content (row). it is not easy! :D

@ffiesta
Copy link
Contributor Author

ffiesta commented Dec 6, 2024

Hi @leomoon,

I make some test and I add next code to styles-custom.css and i think it work better on wide screen, because it stay left align! see my image.

.container { 
  max-width: 90%;
  width: 100%;
} 

image

I have a Idea, how about add to styles folder a sample.styles-custom.css to wikidocs with some help minor changes like this to help users with an idea how to add or change wikidocs, and not disrupt all wikidocs!?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants
@Zavy86 @leomoon @ffiesta and others