mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Badge: Increase contrast, remove rocket icon for plugin beta/alpha state (#30357)
* Badge: Increase contrast, remove rocket icon for plugin beta/alpha state * Remove icons to simplify design * Adding warning icons back
This commit is contained in:
@@ -121,7 +121,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
|
||||
`,
|
||||
badge: css`
|
||||
position: absolute;
|
||||
background: ${theme.colors.bg2};
|
||||
background: ${theme.colors.bg1};
|
||||
bottom: ${theme.spacing.xs};
|
||||
right: ${theme.spacing.xs};
|
||||
z-index: 1;
|
||||
@@ -153,21 +153,18 @@ function getPanelStateBadgeDisplayModel(panel: PanelPluginMeta): BadgeProps | nu
|
||||
case PluginState.deprecated:
|
||||
return {
|
||||
text: 'Deprecated',
|
||||
icon: 'exclamation-triangle',
|
||||
color: 'red',
|
||||
tooltip: `${panel.name} panel is deprecated`,
|
||||
};
|
||||
case PluginState.alpha:
|
||||
return {
|
||||
text: 'Alpha',
|
||||
icon: 'rocket',
|
||||
color: 'blue',
|
||||
tooltip: `${panel.name} panel is experimental`,
|
||||
};
|
||||
case PluginState.beta:
|
||||
return {
|
||||
text: 'Beta',
|
||||
icon: 'rocket',
|
||||
color: 'blue',
|
||||
tooltip: `${panel.name} panel is in beta`,
|
||||
};
|
||||
|
||||
@@ -43,7 +43,7 @@ function getSignatureDisplayModel(signature?: PluginSignatureStatus): BadgeProps
|
||||
|
||||
switch (signature) {
|
||||
case PluginSignatureStatus.internal:
|
||||
return { text: 'Core', icon: 'cube', color: 'blue', tooltip: 'Core plugin that is bundled with Grafana' };
|
||||
return { text: 'Core', color: 'blue', tooltip: 'Core plugin that is bundled with Grafana' };
|
||||
case PluginSignatureStatus.valid:
|
||||
return { text: 'Signed', icon: 'lock', color: 'green', tooltip: 'Signed and verified plugin' };
|
||||
case PluginSignatureStatus.invalid:
|
||||
|
||||
Reference in New Issue
Block a user