Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adding max-width to category logos

This commit is contained in:
Kris 2018-12-04 13:01:27 -05:00
parent e117deb2ba
commit 28ddaf80d2
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/desktop/topic-list.scss
View File

@ -235,8 +235,9 @@ button.dismiss-read {
.category-logo.aspect-image { .category-logo.aspect-image {
--max-height: 150px; --max-height: 150px;
max-height: var(--max-height); max-height: var(--max-height);
width: calc(var(--max-height) * var(--aspect-ratio)); max-width: 60%;
height: auto; height: auto;
width: calc(var(--max-height) * var(--aspect-ratio));
img { img {
width: 100%; width: 100%;

3
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -273,9 +273,10 @@ tr.category-topic-link {
border-top: 1px solid; border-top: 1px solid;
h3 { h3 {
max-width: 100%;
display: inline-block; display: inline-block;
font-size: $font-up-2; font-size: $font-up-2;
margin: 0 0 0 10px; padding: 0 0 0 10px;
.d-icon { .d-icon {
margin-right: 5px; margin-right: 5px;
} }