This pull request includes several changes to the QueryEditor and ResultPanel components to improve the user interface and functionality. The most important changes include modifications to the styles, the addition of a new toolbar, and the removal of the EditMode feature.
This pull request includes several changes to the
QueryEditor
andResultPanel
components to improve the user interface and functionality. The most important changes include modifications to the styles, the addition of a new toolbar, and the removal of theEditMode
feature.Style Adjustments:
src/webviews/Document/DocumentPanel.tsx
: Updated thecontainer
class to include amarginTop
of10px
and adjusted the height calculation.src/webviews/QueryEditor/QueryEditor.tsx
: Added aminWidth
of900px
to theroot
class.src/webviews/QueryEditor/ResultPanel/ResultPanel.tsx
: Fixed thetabs
class to useflexGrow
instead of a commented-out property and updated theactionBar
class to use camelCase properties.src/webviews/QueryEditor/ResultPanel/ResultTab.tsx
: Simplified thecontainer
class by removing unnecessary styles and adjusting the height calculation.Toolbar Enhancements:
src/webviews/QueryEditor/ResultPanel/ResultPanel.tsx
: Added a newResultTabToolbar
component to theResultPanel
component.src/webviews/QueryEditor/ResultPanel/ResultTabToolbar.tsx
: Refactored theResultTabToolbar
to remove theEditMode
feature, add aDropdown
for changing view modes, and streamline toolbar buttons for document actions. [1] [2]Code Cleanup:
src/webviews/QueryEditor/ResultPanel/ResultTabViewTable.tsx
: Removed unnecessaryuseEffect
hook and cleaned up the component.src/webviews/QueryEditor/state/QueryEditorContextProvider.tsx
: Removed thesetEditMode
method and related dispatch actions.src/webviews/QueryEditor/state/QueryEditorState.tsx
: Removed theEditMode
type and related state management. [1] [2] [3]Theme Adjustments:
src/webviews/theme/vscode-to-slickgrid2.scss
: Updated theslick-row-selected-color
andslick-row-highlight-background-color
to use different VSCode theme variables.