r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

💄 update some styles to position: fixed

Browse source
This commit is contained in:
ghalestrilo 2020-08-11 13:00:36 -03:00
parent 71bd25d74a
commit 778aa4df22
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/mobile/FloatingNav.jsx
View file

@ -6,7 +6,7 @@ import Button from '../../common/Button';
import IconButton from './IconButton'; import IconButton from './IconButton';
const FloatingContainer = styled.div` const FloatingContainer = styled.div`
position: absolute; position: fixed;
right: ${remSize(16)}; right: ${remSize(16)};
top: ${remSize(80)}; top: ${remSize(80)};

2
client/components/mobile/Sidebar.jsx
View file

@ -12,7 +12,7 @@ const SidebarWrapper = styled.div`
height: 100%; height: 100%;
width: ${remSize(180)}; width: ${remSize(180)};
position: absolute; position: fixed;
z-index: 2; z-index: 2;
left: 0; left: 0;

2
client/components/useAsModal.jsx
View file

@ -3,7 +3,7 @@ import styled from 'styled-components';
import { useModalBehavior } from '../utils/custom-hooks'; import { useModalBehavior } from '../utils/custom-hooks';
const BackgroundOverlay = styled.div` const BackgroundOverlay = styled.div`
position: absolute; position: fixed;
z-index: 2; z-index: 2;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;

2
client/utils/custom-hooks.js
View file

@ -28,7 +28,7 @@ export const useModalBehavior = (hideOverlay) => {
const handleClickOutside = ({ target }) => { const handleClickOutside = ({ target }) => {
if (ref && ref.current && !ref.current.contains(target)) { if (ref && ref.current && !(ref.current.contains && ref.current.contains(target))) {
hide(); hide();
} }
}; };