LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Fix “Your Account” popup on mobile (#5652) (#7172)

Browse source 
* Fix “Your Account” popup on mobile (#5652)

* Update changelog

Co-authored-by: Branko Tomic <branko@spicefactory.co>
This commit is contained in:
Branko Tomic 2021-09-29 17:20:36 +02:00 committed by GitHub
parent a8149fe9bb
commit b1d4f119a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -23,6 +23,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
- Fix floating player stopping on markdown or image files ([#7073](https://github.com/lbryio/lbry-desktop/pull/7073)) - Fix floating player stopping on markdown or image files ([#7073](https://github.com/lbryio/lbry-desktop/pull/7073))
- Fix list thumbnail upload ([#7074](https://github.com/lbryio/lbry-desktop/pull/7074)) - Fix list thumbnail upload ([#7074](https://github.com/lbryio/lbry-desktop/pull/7074))
- Stream Key is now hidden _community pr!_ ([#7127](https://github.com/lbryio/lbry-desktop/pull/7127)) - Stream Key is now hidden _community pr!_ ([#7127](https://github.com/lbryio/lbry-desktop/pull/7127))
- Fixed “Your Account” popup on mobile ([#7172](https://github.com/lbryio/lbry-desktop/pull/7172))
## [0.51.2] - [2021-08-20] ## [0.51.2] - [2021-08-20]

7
ui/scss/component/menu-button.scss
View file

@ -9,6 +9,7 @@
position: absolute; position: absolute;
z-index: 2; z-index: 2;
font-size: var(--font-body); font-size: var(--font-body);
max-width: calc(100% - var(--height-button) - var(--spacing-xs));
} }
[data-reach-menu-list] { [data-reach-menu-list] {
@ -73,8 +74,6 @@
.menu__list { .menu__list {
box-shadow: var(--card-box-shadow); box-shadow: var(--card-box-shadow);
animation: menu-animate-in var(--animation-duration) var(--animation-style); animation: menu-animate-in var(--animation-duration) var(--animation-style);
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -113,9 +112,13 @@
.menu__link-help { .menu__link-help {
@extend .menu__link; @extend .menu__link;
display: block;
color: var(--color-text-help); color: var(--color-text-help);
font-size: var(--font-small); font-size: var(--font-small);
padding-top: 0; padding-top: 0;
white-space: normal;
text-overflow: ellipsis;
overflow-x: hidden;
} }
.menu__link--notification { .menu__link--notification {