vscode-cosmosdb icon indicating copy to clipboard operation
vscode-cosmosdb copied to clipboard

feat: The edit mode was removed. View | Edit | Delete buttons are available if there are selected rows

Open bk201- opened this issue 1 year ago • 0 comments

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.

Style Adjustments:

  • src/webviews/Document/DocumentPanel.tsx: Updated the container class to include a marginTop of 10px and adjusted the height calculation.
  • src/webviews/QueryEditor/QueryEditor.tsx: Added a minWidth of 900px to the root class.
  • src/webviews/QueryEditor/ResultPanel/ResultPanel.tsx: Fixed the tabs class to use flexGrow instead of a commented-out property and updated the actionBar class to use camelCase properties.
  • src/webviews/QueryEditor/ResultPanel/ResultTab.tsx: Simplified the container class by removing unnecessary styles and adjusting the height calculation.

Toolbar Enhancements:

  • src/webviews/QueryEditor/ResultPanel/ResultPanel.tsx: Added a new ResultTabToolbar component to the ResultPanel component.
  • src/webviews/QueryEditor/ResultPanel/ResultTabToolbar.tsx: Refactored the ResultTabToolbar to remove the EditMode feature, add a Dropdown for changing view modes, and streamline toolbar buttons for document actions. [1] [2]

Code Cleanup:

  • src/webviews/QueryEditor/ResultPanel/ResultTabViewTable.tsx: Removed unnecessary useEffect hook and cleaned up the component.
  • src/webviews/QueryEditor/state/QueryEditorContextProvider.tsx: Removed the setEditMode method and related dispatch actions.
  • src/webviews/QueryEditor/state/QueryEditorState.tsx: Removed the EditMode type and related state management. [1] [2] [3]

Theme Adjustments:

  • src/webviews/theme/vscode-to-slickgrid2.scss: Updated the slick-row-selected-color and slick-row-highlight-background-color to use different VSCode theme variables.

bk201- avatar Oct 22 '24 16:10 bk201-