improve mobile styles
This commit is contained in:
parent
90be60c9b0
commit
ca5f54cbfd
6 changed files with 14 additions and 2 deletions
|
@ -248,7 +248,7 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
|
||||||
</UriIndicator>
|
</UriIndicator>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
{!pending ? (
|
{showPublishLink ? null : !pending ? (
|
||||||
<NavLink {...navLinkProps}>
|
<NavLink {...navLinkProps}>
|
||||||
<FileThumbnail thumbnail={thumbnailUrl}>
|
<FileThumbnail thumbnail={thumbnailUrl}>
|
||||||
{/* @if TARGET='app' */}
|
{/* @if TARGET='app' */}
|
||||||
|
|
|
@ -8,6 +8,7 @@
|
||||||
@media (min-width: $breakpoint-small) {
|
@media (min-width: $breakpoint-small) {
|
||||||
&:focus {
|
&:focus {
|
||||||
@include focus;
|
@include focus;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -251,6 +251,7 @@
|
||||||
|
|
||||||
.claim-preview__actions--header {
|
.claim-preview__actions--header {
|
||||||
@extend .claim-preview__actions;
|
@extend .claim-preview__actions;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-preview__button {
|
.claim-preview__button {
|
||||||
|
|
|
@ -29,6 +29,7 @@
|
||||||
.claim-search__dropdown--selected {
|
.claim-search__dropdown--selected {
|
||||||
background-color: var(--color-primary-alt);
|
background-color: var(--color-primary-alt);
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-search__input-container {
|
.claim-search__input-container {
|
||||||
&:not(:first-of-type) {
|
&:not(:first-of-type) {
|
||||||
padding-left: var(--spacing-medium);
|
padding-left: var(--spacing-medium);
|
||||||
|
@ -47,6 +48,7 @@
|
||||||
.claim-search__input-special {
|
.claim-search__input-special {
|
||||||
font-weight: var(--font-weight-bold);
|
font-weight: var(--font-weight-bold);
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-search__extra {
|
.claim-search__extra {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -58,3 +60,9 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.claim-search__top-row {
|
||||||
|
@media (max-width: $breakpoint-small) {
|
||||||
|
margin-bottom: var(--spacing-small);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
max-height: var(--inline-player-max-height);
|
max-height: var(--inline-player-max-height);
|
||||||
|
|
||||||
@media (max-width: $breakpoint-small) {
|
@media (max-width: $breakpoint-small) {
|
||||||
margin-top: 10px;
|
margin-top: var(--spacing-xsmall);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -25,6 +25,8 @@
|
||||||
position: static;
|
position: static;
|
||||||
transform: none;
|
transform: none;
|
||||||
margin-bottom: var(--spacing-xsmall);
|
margin-bottom: var(--spacing-xsmall);
|
||||||
|
max-width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
// This is terrible and should not be removed
|
// This is terrible and should not be removed
|
||||||
|
|
Loading…
Add table
Reference in a new issue