IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Search: replace cog icon (#27440)

Browse Source
This commit is contained in:
Alex Khomenko 2020-09-08 12:04:40 +03:00 committed by GitHub
parent 09c9571462
commit 6fabfee097
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/grafana-ui/src/types/icon.ts
View File

@ -115,7 +115,8 @@ export type IconName =
| 'line-alt' | 'line-alt'
| 'sort-amount-down' | 'sort-amount-down'
| 'cloud' | 'cloud'
| 'draggabledots'; | 'draggabledots'
| 'folder-upload';
export const getAvailableIcons = (): IconName[] => [ export const getAvailableIcons = (): IconName[] => [
'fa fa-spinner', 'fa fa-spinner',
@ -230,4 +231,5 @@ export const getAvailableIcons = (): IconName[] => [
'sort-amount-down', 'sort-amount-down',
'cloud', 'cloud',
'draggabledots', 'draggabledots',
'folder-upload',
]; ];

10
public/app/features/search/components/SectionHeader.tsx
View File

@ -48,12 +48,15 @@ export const SectionHeader: FC<SectionHeaderProps> = ({
<Icon name={getSectionIcon(section)} /> <Icon name={getSectionIcon(section)} />
</div> </div>
<span className={styles.text}>{section.title}</span> <div className={styles.text}>
{section.title}
{section.url && ( {section.url && (
<a href={section.url} className={styles.link}> <a href={section.url} className={styles.link}>
<Icon name="cog" /> <span className={styles.separator}>|</span> <Icon name="folder-upload" /> Go to folder
</a> </a>
)} )}
</div>
{section.itemsFetching ? <Spinner /> : <Icon name={section.expanded ? 'angle-down' : 'angle-right'} />} {section.itemsFetching ? <Spinner /> : <Icon name={section.expanded ? 'angle-down' : 'angle-right'} />}
</div> </div>
); );
@ -97,5 +100,8 @@ const getSectionHeaderStyles = stylesFactory((theme: GrafanaTheme, selected = fa
opacity: 0; opacity: 0;
transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out;
`, `,
separator: css`
margin-right: 6px;
`,
}; };
}); });