chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Link cards are more compact on mobile and in the MultiColumn layout

Browse source
This commit is contained in:
Niléane 2023-11-24 14:10:13 +01:00
commit b74f34b3df
No known key found for this signature in database
3 changed files with 114 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
TangerineUI.css
View file

@ -1716,6 +1716,44 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .status-card__author strong {
font-weight: 800;
}
@media screen and (max-width:889px) {
.app-body .status-card:not(.expanded) .status-card__image {
width: 80px;
}
.app-body .status-card:not(.expanded) .status-card__content {
padding-top: 0;
padding-bottom: 0;
}
.app-body .status-card:not(.expanded) .status-card__host {
margin-bottom: 2px;
font-size: 12px;
}
.app-body .status-card:not(.expanded) .status-card__title {
font-size: 16px;
}
.app-body .status-card:not(.expanded) .status-card__description {
margin-top: 2px;
font-size: 12px;
}
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
width: 80px;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__content {
padding-top: 0;
padding-bottom: 0;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
margin-bottom: 2px;
font-size: 12px;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
font-size: 16px;
}
.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
margin-top: 2px;
font-size: 12px;
}
.app-body .status__content p {
margin-bottom: 12px;
}