Rename DataGridSmoothScrollbar to DataGridScrollbar, now that the wor…

…k is done
posit-dev · Oct 19, 2024 · 8950678 · 8950678
1 parent 7782def
commit 8950678
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/...id/components/dataGridSmoothScrollbar.css → ...DataGrid/components/dataGridScrollbar.css b/...id/components/dataGridSmoothScrollbar.css → ...DataGrid/components/dataGridScrollbar.css
@@ -3,7 +3,7 @@
  *  Licensed under the Elastic License 2.0. See LICENSE.txt for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.data-grid .data-grid-smooth-scrollbar {
+.data-grid .data-grid-scrollbar {
 	/* The Monaco sash is at a z-index of 35, so go lower than that. */
 	z-index: 26;
 	/* contain: strict; */
@@ -12,31 +12,31 @@
 	background-color: var(--vscode-positronDataGrid-background);
 }
 
-.data-grid .data-grid-smooth-scrollbar.vertical {
+.data-grid .data-grid-scrollbar.vertical {
 	top: -1px;
 	right: 0;
 	border-top: 1px solid var(--vscode-positronDataGrid-border);
 	border-left: 1px solid var(--vscode-positronDataGrid-border);
 }
 
-.data-grid .data-grid-smooth-scrollbar.horizontal {
+.data-grid .data-grid-scrollbar.horizontal {
 	left: -1px;
 	bottom: 0;
 	border-top: 1px solid var(--vscode-positronDataGrid-border);
 	border-left: 1px solid var(--vscode-positronDataGrid-border);
 }
 
-.data-grid .data-grid-smooth-scrollbar .data-grid-smooth-scrollbar-slider {
+.data-grid .data-grid-scrollbar .data-grid-scrollbar-slider {
 	position: absolute;
 	background-color: var(--vscode-scrollbarSlider-background);
 }
 
-.data-grid .data-grid-smooth-scrollbar .data-grid-smooth-scrollbar-slider.vertical {
+.data-grid .data-grid-scrollbar .data-grid-scrollbar-slider.vertical {
 	right: 0;
 	position: absolute;
 }
 
-.data-grid .data-grid-smooth-scrollbar .data-grid-smooth-scrollbar-slider.horizontal {
+.data-grid .data-grid-scrollbar .data-grid-scrollbar-slider.horizontal {
 	bottom: 0;
 	position: absolute;
 }
diff --git a/...id/components/dataGridSmoothScrollbar.tsx → ...DataGrid/components/dataGridScrollbar.tsx b/...id/components/dataGridSmoothScrollbar.tsx → ...DataGrid/components/dataGridScrollbar.tsx
@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 // CSS.
-import 'vs/css!./dataGridSmoothScrollbar';
+import 'vs/css!./dataGridScrollbar';
 
 // React.
 import * as React from 'react';
@@ -20,9 +20,9 @@ import { pinToRange } from 'vs/base/common/positronUtilities';
 const MIN_SLIDER_SIZE = 20;
 
 /**
- * DataGridSmoothScrollbarProps interface.
+ * DataGridScrollbarProps interface.
  */
-interface DataGridSmoothScrollbarProps {
+interface DataGridScrollbarProps {
 	/**
 	 * Gets the container width for the scrollbar.
 	 */
@@ -116,11 +116,11 @@ interface ScrollbarState {
 }
 
 /**
- * DataGridSmoothScrollbar component.
- * @param props A DataGridSmoothScrollbarProps that contains the component properties.
+ * DataGridScrollbar component.
+ * @param props A DataGridScrollbarProps that contains the component properties.
  * @returns The rendered component.
  */
-export const DataGridSmoothScrollbar = (props: DataGridSmoothScrollbarProps) => {
+export const DataGridScrollbar = (props: DataGridScrollbarProps) => {
 	// State hooks.
 	const [state, setState] = useState<ScrollbarState>({
 		scrollbarDisabled: true,
@@ -321,12 +321,12 @@ export const DataGridSmoothScrollbar = (props: DataGridSmoothScrollbarProps) =>
 	// Render.
 	return (
 		<div
-			className={`data-grid-smooth-scrollbar ${props.orientation}`}
+			className={`data-grid-scrollbar ${props.orientation}`}
 			style={scrollbarStyle}
 			onMouseDown={mouseDownHandler}
 		>
 			<div
-				className={`data-grid-smooth-scrollbar-slider ${props.orientation}`}
+				className={`data-grid-scrollbar-slider ${props.orientation}`}
 				style={sliderStyle}
 				onPointerDown={pointerDownHandler}
 			/>

diff --git a/src/vs/workbench/browser/positronDataGrid/components/dataGridWaffle.tsx b/src/vs/workbench/browser/positronDataGrid/components/dataGridWaffle.tsx
@@ -22,7 +22,7 @@ import { usePositronDataGridContext } from 'vs/workbench/browser/positronDataGri
 import { DataGridCornerTopLeft } from 'vs/workbench/browser/positronDataGrid/components/dataGridCornerTopLeft';
 import { DataGridColumnHeaders } from 'vs/workbench/browser/positronDataGrid/components/dataGridColumnHeaders';
 import { DataGridScrollbarCorner } from 'vs/workbench/browser/positronDataGrid/components/dataGridScrollbarCorner';
-import { DataGridSmoothScrollbar } from 'vs/workbench/browser/positronDataGrid/components/dataGridSmoothScrollbar';
+import { DataGridScrollbar } from 'vs/workbench/browser/positronDataGrid/components/dataGridScrollbar';
 import { ExtendColumnSelectionBy, ExtendRowSelectionBy } from 'vs/workbench/browser/positronDataGrid/classes/dataGridInstance';
 
 /**
@@ -534,7 +534,7 @@ export const DataGridWaffle = forwardRef<HTMLDivElement>((_: unknown, ref) => {
 				/>
 			}
 			{context.instance.horizontalScrollbar &&
-				<DataGridSmoothScrollbar
+				<DataGridScrollbar
 					containerWidth={width}
 					containerHeight={height}
 					orientation='horizontal'
@@ -553,7 +553,7 @@ export const DataGridWaffle = forwardRef<HTMLDivElement>((_: unknown, ref) => {
 				/>
 			}
 			{context.instance.verticalScrollbar &&
-				<DataGridSmoothScrollbar
+				<DataGridScrollbar
 					containerWidth={width}
 					containerHeight={height}
 					orientation='vertical'