Merge pull request #82274 from microsoft/misolori/dirty-state-icon

Show dirty state icon when workbench.editor.tabCloseButton is off

Author: Miguel Solorio

src/vs/workbench/browser/parts/editor/media/tabstitlecontrol.css

@@ -186,7 +186,7 @@
 	overflow: visible; /* ...but still show the close button on hover, focus and when dirty */
 }
 
-.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-button-off > .tab-close {
+.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-button-off:not(.dirty) > .tab-close {
 	display: none; /* hide the close action bar when we are configured to hide it */
 }
 
@@ -233,10 +233,11 @@
 }
 
 .monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-button-off.dirty:not(.dirty-border-top) {
-	background-repeat: no-repeat;
-	background-position-y: center;
-	background-position-x: calc(100% - 6px); /* to the right of the tab label */
-	padding-right: 28px; /* make room for dirty indication when we are running without close button */
+	padding-right: 0; /* remove extra padding when we are running without close button */
+}
+
+.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.close-button-off > .tab-close {
+	pointer-events: none; /* don't allow dirty state/close button to be clicked when running without close button */
 }
 
 /* Editor Actions */