jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - disable body scroll on modal open

Browse source
This commit is contained in:
Shekar Siri 2022-06-28 14:09:37 +02:00
parent 41e093312a
commit c44bb5da79
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Modal/index.tsx
View file

@ -26,10 +26,12 @@ export class ModalProvider extends Component {
props
});
document.addEventListener('keydown', this.handleKeyDown);
document.querySelector("body").style.overflow = 'hidden';
};
hideModal = () => {
document.removeEventListener('keydown', this.handleKeyDown);
document.querySelector("body").style.overflow = 'visible';
const { props } = this.state;
if (props.onClose) {
props.onClose();

2
frontend/app/components/shared/SessionSettings/SessionSettings.tsx
View file

@ -7,7 +7,7 @@ import CaptureRate from './components/CaptureRate';
function SessionSettings() {
return useObserver(() => (
<div className="bg-white box-shadow h-screen" style={{ width: '450px'}}>
<div className="bg-white box-shadow h-screen overflow-y-auto" style={{ width: '450px'}}>
<div className="px-6 pt-6">
<h1 className="text-2xl">Sessions Settings</h1>
</div>