mobile styling hot fixes

This commit is contained in:
Sean Yesmunt 2020-01-08 00:04:35 -05:00
parent 462f1542e7
commit b44182e751
3 changed files with 22 additions and 11 deletions

View file

@ -13,7 +13,6 @@ function ListBlocked(props: Props) {
return (
<Page>
{uris && uris.length ? (
<div className="card">
<ClaimList
header={<h1>{__('Your Blocked Channels')}</h1>}
persistedStorageKey="block-list-published"
@ -21,7 +20,6 @@ function ListBlocked(props: Props) {
defaultSort
showHiddenByUser
/>
</div>
) : (
<div className="main--empty">
<section className="card card--section">

View file

@ -24,10 +24,16 @@ $metadata-z-index: 1;
.channel-cover,
.channel-cover__custom {
height: var(--cover-photo-height);
min-height: var(--cover-photo-height);
width: 100%;
border-top-left-radius: var(--card-radius);
border-top-right-radius: var(--card-radius);
@media (max-width: $breakpoint-small) {
// Yikes
// I, Sean Yesmunt, take full responsibility for this monster
min-height: calc(var(--cover-photo-height) + 2 * var(--spacing-xlarge) + var(--spacing-medium));
}
}
.channel-thumbnail {
@ -106,6 +112,7 @@ $metadata-z-index: 1;
@media (max-width: $breakpoint-small) {
padding-left: var(--spacing-medium);
padding-top: calc(2 * var(--spacing-xlarge));
}
}
@ -122,6 +129,10 @@ $metadata-z-index: 1;
.button {
margin-left: var(--spacing-medium);
}
@media (max-width: $breakpoint-small) {
padding-top: var(--spacing-xlarge);
}
}
.channel__meta {
@ -135,9 +146,11 @@ $metadata-z-index: 1;
.channel__quick-actions {
@extend .card__actions;
margin-left: var(--spacing-medium);
position: absolute;
top: 0;
right: var(--spacing-medium);
margin-top: var(--spacing-medium);
z-index: $metadata-z-index;
flex-wrap: wrap;
}

View file

@ -18,7 +18,7 @@ html {
color: var(--color-text);
background-color: var(--color-background);
font-size: 16px;
font-size: 14px;
}
body {