Refactoring sticky scroll CSS file (microsoft#251094)

refactoring sticky scroll css file

Author: aiday-mar

src/vs/editor/contrib/stickyScroll/browser/stickyScroll.css

@@ -5,70 +5,65 @@
 
 .monaco-editor .sticky-widget {
 	overflow: hidden;
+	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
+	width: 100%;
+	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
+	z-index: 4;
+	background-color: var(--vscode-editorStickyScroll-background);
+	right: initial !important;
 }
 
-.monaco-editor .sticky-widget-line-numbers {
+.monaco-editor .sticky-widget.peek {
+	background-color: var(--vscode-peekViewEditorStickyScroll-background);
+}
+
+.monaco-editor .sticky-widget .sticky-widget-line-numbers {
 	float: left;
 	background-color: inherit;
 }
 
-.monaco-editor .sticky-widget-lines-scrollable {
+.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
 	display: inline-block;
 	position: absolute;
 	overflow: hidden;
 	width: var(--vscode-editorStickyScroll-scrollableWidth);
 	background-color: inherit;
 }
 
-.monaco-editor .sticky-widget-lines {
+.monaco-editor .sticky-widget .sticky-widget-lines {
 	position: absolute;
 	background-color: inherit;
 }
 
-.monaco-editor .sticky-line-number, .monaco-editor .sticky-line-content {
+.monaco-editor .sticky-widget .sticky-line-number,
+.monaco-editor .sticky-widget .sticky-line-content {
 	color: var(--vscode-editorLineNumber-foreground);
 	white-space: nowrap;
 	display: inline-block;
 	position: absolute;
 	background-color: inherit;
 }
 
-.monaco-editor .sticky-line-number .codicon-folding-expanded,
-.monaco-editor .sticky-line-number .codicon-folding-collapsed {
+.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
+.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
 	float: right;
 	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
 	position: absolute;
 	margin-left: 2px;
 }
 
-.monaco-editor .sticky-line-content {
+.monaco-editor .sticky-widget .sticky-line-content {
 	width: var(--vscode-editorStickyScroll-scrollableWidth);
 	background-color: inherit;
 	white-space: nowrap;
 }
 
-.monaco-editor .sticky-line-number-inner {
+.monaco-editor .sticky-widget .sticky-line-number-inner {
 	display: inline-block;
 	text-align: right;
 }
 
-.monaco-editor .sticky-widget {
-	border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
-}
-
-.monaco-editor .sticky-line-content:hover {
+.monaco-editor .sticky-widget .sticky-line-content:hover {
 	background-color: var(--vscode-editorStickyScrollHover-background);
 	cursor: pointer;
 }
-
-.monaco-editor .sticky-widget {
-	width: 100%;
-	box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
-	z-index: 4;
-	background-color: var(--vscode-editorStickyScroll-background);
-	right: initial !important;
-}
-
-.monaco-editor .sticky-widget.peek {
-	background-color: var(--vscode-peekViewEditorStickyScroll-background);
-}