Themes: Adjust screenshot ratios.
* On the details overlay, always show the full 4/3 ratio. * On the grid, reduce to ~3/2 only if the screen width is less than 1400px. Otherwise, show the screenshot at 4/3 ratio. props matveb, nacin. fixes #26159. git-svn-id: https://develop.svn.wordpress.org/trunk@26739 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
63ad0a71d4
commit
adbe0f1e1e
@ -6436,7 +6436,7 @@ span.imgedit-scale-warn {
|
|||||||
.theme-browser .theme .theme-screenshot:after {
|
.theme-browser .theme .theme-screenshot:after {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 66%; /* using a 3/2 aspect ratio */
|
padding-top: 66.66666%; /* using a 3/2 aspect ratio */
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-browser .theme .theme-screenshot img {
|
.theme-browser .theme .theme-screenshot img {
|
||||||
@ -6884,7 +6884,7 @@ body.folded .theme-overlay .theme-wrap {
|
|||||||
.theme-overlay .screenshot:after {
|
.theme-overlay .screenshot:after {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 66.66666%; /* using a 3/2 aspect ratio */
|
padding-top: 75%; /* using a 4/3 aspect ratio */
|
||||||
}
|
}
|
||||||
|
|
||||||
.theme-overlay .screenshot img {
|
.theme-overlay .screenshot img {
|
||||||
@ -7117,6 +7117,11 @@ body.folded .theme-overlay .theme-wrap {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width:1400px) {
|
||||||
|
.theme-browser .theme .theme-screenshot:after {
|
||||||
|
padding-top: 75%; /* using a 4/3 aspect ratio */
|
||||||
|
}
|
||||||
|
}
|
||||||
@media only screen and (max-width: 1150px) {
|
@media only screen and (max-width: 1150px) {
|
||||||
.theme-browser .theme {
|
.theme-browser .theme {
|
||||||
width: 47.5%;
|
width: 47.5%;
|
||||||
|
Loading…
Reference in New Issue
Block a user