diff --git a/CHANGELOG.md b/CHANGELOG.md index 987253793..faff9d96a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). ### Fixed - Fix 'transcoding' checkbox state when switching file types _community pr!_ ([#4529](https://github.com/lbryio/lbry-desktop/pull/4529)) +- Fix channel file-search not available in mobile _community pr!_ ([#4527](https://github.com/lbryio/lbry-desktop/pull/4527)) ## [0.47.0] - [2020-07-13] diff --git a/ui/component/channelContent/view.jsx b/ui/component/channelContent/view.jsx index 6eb79a6c6..b2a1977be 100644 --- a/ui/component/channelContent/view.jsx +++ b/ui/component/channelContent/view.jsx @@ -131,7 +131,7 @@ function ChannelContent(props: Props) {
{}} className="wunderbar--inline"> {}} className="wunderbar--inline"> div { + @media (max-width: $breakpoint-small) { + margin: var(--spacing-xxs) 0; + } +} + .claim-search__top-row { display: flex; flex-wrap: nowrap; - - @media (max-width: $breakpoint-small) { - margin-bottom: var(--spacing-s); - } } diff --git a/ui/scss/component/_wunderbar.scss b/ui/scss/component/_wunderbar.scss index a7694d7c5..85ca1642f 100644 --- a/ui/scss/component/_wunderbar.scss +++ b/ui/scss/component/_wunderbar.scss @@ -29,7 +29,7 @@ } @media (max-width: $breakpoint-small) { - display: none; + margin: var(--spacing-xxs) 0; } } @@ -60,6 +60,14 @@ } } +.wunderbar__input--inline { + @extend .wunderbar__input; + @media (max-width: $breakpoint-small) { + position: absolute; + top: 0; + } +} + .wunderbar__menu { min-width: 100%; overflow: hidden;