Merge pull request #5110 from naman-bruno/bugfix/devtools-timeline-scroll

This commit is contained in:
naman-bruno
2025-07-16 17:41:27 +05:30
committed by GitHub
parent 2a90ec59cb
commit ba5eb53548
5 changed files with 8 additions and 8 deletions

View File

@@ -176,7 +176,7 @@ const ResponsePane = ({ item, collection }) => {
) : null}
</div>
<section
className={`flex flex-col min-h-0 relative px-4 auto`}
className={`flex flex-col min-h-0 relative px-4 auto overflow-scroll`}
style={{
flex: '1 1 0',
height: hasScriptError && showScriptErrorCard ? 'auto' : '100%'
@@ -189,7 +189,7 @@ const ResponsePane = ({ item, collection }) => {
onClose={() => setShowScriptErrorCard(false)}
/>
)}
<div className='flex-1 min-h-[200px] overflow-y-auto'>
<div className='flex-1 overflow-y-auto'>
{!item?.response ? (
focusedTab?.responsePaneTab === "timeline" && requestTimeline?.length ? (
<Timeline

View File

@@ -96,8 +96,8 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
}
return (
<StyledWrapper className="flex flex-col h-full relative">
<div className="flex items-center tabs" role="tablist">
<StyledWrapper className="flex flex-col h-full relative overflow-scroll">
<div className="flex items-center tabs overflow-visible" role="tablist">
<div className={getTabClassname('response')} role="tab" onClick={() => selectTab('response')}>
Response
</div>
@@ -128,7 +128,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
<ResponseSize size={size} />
</div>
</div>
<section className="flex flex-col flex-grow">
<section className="flex flex-col flex-grow overflow-scroll">
{hasScriptError && showScriptErrorCard && (
<ScriptError
item={item}

View File

@@ -357,7 +357,7 @@ export default function RunnerResults({ collection }) {
</div>
{selectedItem ? (
<div className="flex flex-1 w-[50%] overflow-y-auto">
<div className="flex flex-col w-full overflow-auto">
<div className="flex flex-col w-full overflow-hidden">
<div className="flex items-center mb-4 font-medium">
<span className="mr-2">{selectedItem.displayName}</span>
<span>

View File

@@ -33,7 +33,7 @@ const StyledWrapper = styled.div`
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
padding: 0 4px;
color: ${(props) => props.theme.sidebar.color};
cursor: pointer;
opacity: 0.7;

View File

@@ -89,7 +89,7 @@ const VariablesEditor = ({ collection }) => {
const reactInspectorTheme = storedTheme === 'light' ? 'chromeLight' : 'chromeDark';
return (
<StyledWrapper className="px-4 py-4">
<StyledWrapper className="px-4 py-4 overflow-scroll">
<RuntimeVariables collection={collection} theme={reactInspectorTheme} />
<EnvVariables collection={collection} theme={reactInspectorTheme} />