use cover rather than contain on media gallary except on statuses
This commit is contained in:
parent
30983571b1
commit
68daa5fbe9
1 changed files with 14 additions and 1 deletions
|
@ -5,6 +5,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
background-color: var(--brand-color--faint);
|
background-color: var(--brand-color--faint);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -41,7 +42,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
object-fit: contain;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -63,6 +64,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.status__wrapper, .detailed-status__wrapper {
|
||||||
|
.media-gallery__item-thumbnail {
|
||||||
|
&,
|
||||||
|
.still-image {
|
||||||
|
|
||||||
|
img {
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.media-gallery__preview {
|
.media-gallery__preview {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
Loading…
Reference in a new issue