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

Fix viewer position and shape in mobile mode

Browse source
This commit is contained in:
Jean-Michel Morani 2022-08-21 23:34:44 -04:00
parent 1c17ff5dd9
commit b5f92930c1
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ui/component/fileRenderFloating/view.jsx
View file

@ -21,7 +21,6 @@ import AutoplayCountdown from 'component/autoplayCountdown';
// scss/init/vars.scss
// --header-height
const HEADER_HEIGHT = 60;
const HEADER_HEIGHT_MOBILE = 60;
const IS_DESKTOP_MAC = typeof process === 'object' ? process.platform === 'darwin' : false;
const DEBOUNCE_WINDOW_RESIZE_HANDLER_MS = 100;
@ -356,7 +355,7 @@ export default function FileRenderFloating(props: Props) {
top:
fileViewerRect.windowOffset +
fileViewerRect.top -
(isMobile ? HEADER_HEIGHT_MOBILE : HEADER_HEIGHT) -
(isMobile ? 0 : HEADER_HEIGHT) -
(IS_DESKTOP_MAC ? 24 : 0),
}
: {}

8
ui/scss/component/_content.scss
View file

@ -3,6 +3,10 @@
position: absolute;
top: var(--spacing-s);
border-radius: var(--border-radius);
@media (max-width: $breakpoint-small) {
border-radius: 0;
}
}
.content__viewer--disable-click {
@ -175,6 +179,10 @@
width: 100%;
height: 100%;
}
@media (max-width: $breakpoint-small) {
border-radius: 0;
}
}
.content__cover--text {