Update documentation link icon (#1390)

* Update documentation link icon * Use theme color for documentation link icon
microsoftgraph · Feb 1, 2022 · 99aed2a · 99aed2a
1 parent 35ab3b2
commit 99aed2a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
@@ -1,7 +1,4 @@
-import {
-  FontSizes, FontWeights,
-  ITheme
-} from '@fluentui/react';
+import { FontSizes, FontWeights, ITheme } from '@fluentui/react';
 
 export const sidebarStyles = (theme: ITheme) => {
   const pageHeightInVh = '60vh';
@@ -113,7 +110,8 @@ export const sidebarStyles = (theme: ITheme) => {
       fontSize: FontSizes.icon,
       textAlign: 'left',
       verticalAlign: 'center',
-      cursor: 'pointer'
+      cursor: 'pointer',
+      color: theme.palette.themePrimary
     },
     links: {
       color: `${theme.palette.blueMid} !important`

diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -149,7 +149,7 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
               calloutProps={{ gapSpace: 0 }}
             >
               <Icon
-                iconName='NavigateExternalInline'
+                iconName='TextDocument'
                 onClick={() => this.onDocumentationLinkClicked(item)}
                 className={classes.docLink}
                 style={{