random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-24 22:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

swap splitter directions in query results view (#1896)

Browse Source 
* swap splitter directions in query results view

* refmt *sigh*
This commit is contained in:
Ashley Stanton-Nurse 2024-08-09 10:27:48 -07:00 committed by GitHub
parent 647cca09b3
commit 99d95a4cec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
View File

@ -681,10 +681,16 @@ export default class QueryTabComponent extends React.Component<IQueryTabComponen
)}
<div className="tabPaneContentContainer">
<SplitterLayout
vertical={this.state.queryResultsView === SplitterDirection.Vertical}
primaryIndex={0}
primaryMinSize={100}
secondaryMinSize={200}
primaryMinSize={20}
secondaryMinSize={20}
// Percentage is a bit better when the splitter flips from vertical to horizontal.
percentage={true}
// NOTE: It is intentional that this looks reversed!
// The 'vertical' property refers to the stacking of the panes so is the opposite of the orientation of the splitter itself
// (vertically stacked => horizontal splitter)
// Our setting refers to the orientation of the splitter, so we need to reverse it here.
vertical={this.state.queryResultsView === SplitterDirection.Horizontal}
>
<Fragment>
<div className="queryEditor" style={{ height: "100%" }}>