Skip to content

Proposition - css modifications for screenshots elements #41

@Procyon-b

Description

@Procyon-b

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 */
}
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions