mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-15 20:01:28 +00:00
Merge pull request #5110 from naman-bruno/bugfix/devtools-timeline-scroll
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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} />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user