Bolds commit SHA on rebase status banner

Author: eamodio

src/webviews/apps/plus/shared/components/merge-rebase-status.ts

@@ -64,6 +64,10 @@ export class GlMergeConflictWarning extends LitElement {
 				font-family: var(--vscode-editor-font-family);
 			}
 
+			gl-commit-sha::part(label) {
+				font-weight: bold;
+			}
+
 			.ref-link {
 				color: inherit;
 				cursor: pointer;

src/webviews/apps/shared/components/commit-sha.ts

@@ -20,6 +20,10 @@ const styles = css`
 		outline-offset: 2px;
 	}
 
+	.label--uncommitted {
+		cursor: default;
+	}
+
 	.icon {
 		margin-right: 0.3rem;
 		align-self: center;
@@ -46,10 +50,11 @@ export class GlCommitSha extends LitElement {
 		if (this.sha == null) return nothing;
 
 		if (!this.sha || isUncommitted(this.sha)) {
-			return html`<span style="cursor:default;">${this.label}</span>`;
+			return html`<span part="label" class="label--uncommitted">${this.label}</span>`;
 		}
 
-		return html`<code-icon class="icon" icon="git-commit" size="${this.size}"></code-icon>${this.label}`;
+		return html`<code-icon part="icon" class="icon" icon="git-commit" size="${this.size}"></code-icon
+			><span part="label">${this.label}</span>`;
 	}
 }
 
@@ -67,7 +72,7 @@ export class GlCommitShaCopy extends LitElement {
 		if (this.sha == null) return nothing;
 
 		return html`<gl-copy-container .content=${this.sha} placement="top">
-			<gl-commit-sha .sha=${this.sha} .size=${this.size}></gl-commit-sha>
+			<gl-commit-sha exportparts="icon, label" .sha=${this.sha} .size=${this.size}></gl-commit-sha>
 		</gl-copy-container>`;
 	}
 }