Skip to content
This repository was archived by the owner on May 12, 2021. It is now read-only.

Commit 1132a38

Browse files
committed
Fixes issue #1256
Setting the object-fit to `cover` for square images avoids stretched images
1 parent eb9223c commit 1132a38

File tree

4 files changed

+7
-1
lines changed

4 files changed

+7
-1
lines changed

styles/base/feed-meta-summary.mcss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,9 @@ FeedMetaSummary {
3434
img {
3535
display: block
3636
width: 45px
37-
min-height: 30px
37+
height: 45px
3838
border-radius: 3px
39+
object-fit: cover
3940
}
4041
-channel {
4142
font-size: 20px

styles/base/message.mcss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@ Message {
2323
img {
2424
width: 50px
2525
height: 50px
26+
object-fit: cover
2627
}
2728
}
2829
div.main {
@@ -247,6 +248,7 @@ Message {
247248
img {
248249
width: 40px
249250
height: 40px
251+
object-fit: cover
250252
}
251253
}
252254
}
@@ -291,6 +293,7 @@ Message {
291293
img {
292294
width: 40px
293295
height: 40px
296+
object-fit: cover
294297
}
295298
}
296299
}

styles/base/profile-list.mcss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ ProfileList {
4141
height: 40px
4242
display: block
4343
border-radius: 5px
44+
object-fit: cover
4445
}
4546
}
4647
div.main {

styles/base/taggers-list.mcss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ TaggersList {
3939
width: 40px
4040
height: 40px
4141
display: block
42+
object-fit: cover
4243
}
4344
}
4445
div.main {

0 commit comments

Comments
 (0)