vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #874 from getmaxun/recorder-ui-shift

Browse Source 
fix: unwanted overflow in recorder
This commit is contained in:
Karishma Shukla
2025-11-12 22:09:29 +05:30
committed by GitHub
parent 2b85a048f6 5c8da473e5
commit 42f851f046
4 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/browser/BrowserRecordingSave.tsx
View File

@@ -143,7 +143,8 @@ const BrowserRecordingSave = () => {
overflow: 'hidden', overflow: 'hidden',
display: 'flex', display: 'flex',
justifyContent: 'space-between', justifyContent: 'space-between',
height: "48px" height: "48px",
marginLeft: '10px'
}}> }}>
<Button <Button
onClick={() => setOpenDiscardModal(true)} onClick={() => setOpenDiscardModal(true)}

2
src/components/recorder/RightSidePanel.tsx
View File

@@ -534,7 +534,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
const isDarkMode = theme.darkMode; const isDarkMode = theme.darkMode;
return ( return (
<Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit' }} id="browser-actions" elevation={0}> <Paper sx={{ height: panelHeight, width: 'auto', alignItems: "center", background: 'inherit', position: "relative", border: "none" }} id="browser-actions" elevation={0}>
<ActionDescriptionBox isDarkMode={isDarkMode} /> <ActionDescriptionBox isDarkMode={isDarkMode} />
<Box display="flex" flexDirection="column" gap={2} style={{ margin: '13px' }}> <Box display="flex" flexDirection="column" gap={2} style={{ margin: '13px' }}>
{!isAnyActionActive && ( {!isAnyActionActive && (

2
src/helpers/dimensionUtils.ts
View File

@@ -73,7 +73,7 @@ export const getResponsiveDimensions = (): AppDimensions => {
browserWidth, browserWidth,
browserHeight, browserHeight,
panelHeight: browserHeight + 137, panelHeight: browserHeight + 137,
outputPreviewHeight: windowHeight * 0.7, outputPreviewHeight: windowHeight * 0.9,
outputPreviewWidth, outputPreviewWidth,
canvasWidth: browserWidth, canvasWidth: browserWidth,
canvasHeight: browserHeight canvasHeight: browserHeight

6
src/pages/PageWrapper.tsx
View File

@@ -68,7 +68,7 @@ export const PageWrapper = () => {
navigate('/recording'); navigate('/recording');
} }
else if (location.pathname === '/recording' || else if (location.pathname === '/recording' ||
(getTabState('nextTabIsRecording') === 'true' && sessionParam === storedSessionId)) { (getTabState('nextTabIsRecording') === 'true' && sessionParam === storedSessionId)) {
setIsRecordingMode(true); setIsRecordingMode(true);
if (location.pathname !== '/recording') { if (location.pathname !== '/recording') {
@@ -106,8 +106,8 @@ export const PageWrapper = () => {
</Box> </Box>
)} )}
<Box sx={{ <Box sx={{
display: isAuthPage || isRecordingPage ? 'block' : 'flex', display: isAuthPage ? 'block' : 'flex',
minHeight: isAuthPage || isRecordingPage ? '100vh' : 'calc(100vh - 64px)' minHeight: isAuthPage ? '100vh' : 'calc(100vh - 64px)'
}}> }}>
<Routes> <Routes>
<Route element={<UserRoute />}> <Route element={<UserRoute />}>