Merge pull request #257 from Microsoft/misolori/buttons-alternatives

Add secondary button style

Author: rebornix

preview-src/index.css

@@ -155,6 +155,11 @@ body button.checkedOut {
 	background-color: transparent;
 }
 
+body button.secondary,
+body button.secondary:hover {
+	-webkit-filter: grayscale(100%);
+}
+
 body button svg {
 	fill: var(--vscode-button-foreground);
 	margin-right: 6px;

preview-src/index.ts

@@ -244,9 +244,9 @@ function updateCheckoutButton(isCheckedOut: boolean) {
 function setTextArea() {
 	document.getElementById('comment-form')!.innerHTML = `<textarea id="${ElementIds.CommentTextArea}"></textarea>
 		<div class="form-actions">
-			<button id="${ElementIds.Close}">Close Pull Request</button>
-			<button id="${ElementIds.RequestChanges}" disabled="true">Request Changes</button>
-			<button id="${ElementIds.Approve}">Approve</button>
+			<button id="${ElementIds.Close}" class="secondary">Close Pull Request</button>
+			<button id="${ElementIds.RequestChanges}" disabled="true" class="secondary">Request Changes</button>
+			<button id="${ElementIds.Approve}" class="secondary">Approve</button>
 			<button class="reply-button" id="${ElementIds.Reply}" disabled="true">Comment</button>
 		</div>`;