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

Proposition - css modifications for screenshots elements #41

Open
Procyon-b opened this issue Aug 29, 2021 · 0 comments
Open

Proposition - css modifications for screenshots elements #41

Procyon-b opened this issue Aug 29, 2021 · 0 comments
Labels
enhancement New feature or request

Comments

@Procyon-b
Copy link

Procyon-b commented Aug 29, 2021

Usually authors of styles limit the size and dimensions of their screenshot based on the USO restrictions:
"at least 700 x 350, <200KB" , but in fact it's constrained, by their css, to a maximum of 728 x 353

Based on that (and the limit of the filesize), I've seen screenshots no bigger than 728 x 353.
On USOa these images are currently stretched and blurry. On the search pages, the images are cropped.

Here are modifications for the userstyle page and for the search pages.

What do you think?

@-moz-document url-prefix("https://uso.kkx.one/style/") {
.w-100 {
  width: unset !important; /* undo current style */
  max-width: 100% !important;
  margin: auto; /* center image */
}

.carousel-indicators button {
  border: 3px solid lightskyblue !important;  /* the indicators for multiple images is not always visible (gray images) */
}
}

@-moz-document url-prefix("https://uso.kkx.one/") {
.screenshot.svelte-7yfjv0.svelte-7yfjv0.svelte-7yfjv0 {
  object-fit: contain; /* show the whole image */
}
}
@33KK 33KK added the enhancement New feature or request label Sep 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants