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

Replace Icon for buttonIcon in logDetailsRow (#23522)

Browse Source
This commit is contained in:
Ivana Huckova
2020-04-14 09:01:35 +02:00
committed by GitHub
parent 5c018c9fa9
commit 95e635f154
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/grafana-ui/src/components/Logs/LogDetailsRow.tsx
View File

@@ -10,7 +10,7 @@ import { stylesFactory } from '../../themes/stylesFactory';
//Components
import { LogLabelStats } from './LogLabelStats';
import { LinkButton } from '../Button/Button';
import { Icon } from '../Icon/Icon';
import { IconButton } from '../IconButton/IconButton';
export interface Props extends Themeable {
parsedValue: string;
@@ -95,16 +95,16 @@ class UnThemedLogDetailsRow extends PureComponent<Props, State> {
<tr className={cx(style.logDetailsValue, { [styles.noHoverBackground]: showFieldsStats })}>
{/* Action buttons - show stats/filter results */}
<td className={style.logsDetailsIcon} colSpan={isLabel ? undefined : 3}>
<Icon name="signal" title={'Ad-hoc statistics'} onClick={this.showStats} />
<IconButton name="signal" title={'Ad-hoc statistics'} onClick={this.showStats} />
</td>
{isLabel && (
<>
<td className={style.logsDetailsIcon}>
<Icon name="search-minus" title="Filter for value" onClick={this.filterLabel} />
<IconButton name="search-minus" title="Filter for value" onClick={this.filterLabel} />
</td>
<td className={style.logsDetailsIcon}>
<Icon name="search-plus" title="Filter out value" onClick={this.filterOutLabel} />
<IconButton name="search-plus" title="Filter out value" onClick={this.filterOutLabel} />
</td>
</>
)}

9
packages/grafana-ui/src/components/Logs/getLogRowStyles.ts
View File

@@ -149,7 +149,7 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
`,
logDetailsTable: css`
label: logs-row-details-table;
line-height: 2;
line-height: 1.7;
width: 100%;
td:last-child {
width: 100%;
@@ -159,9 +159,8 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
label: logs-row-details__icon;
position: relative;
color: ${theme.palette.gray3};
svg {
margin-right: ${theme.spacing.md};
}
padding-top: 6px;
padding-left: 6px;
`,
logDetailsLabel: css`
label: logs-row-details__label;
@@ -178,7 +177,7 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
logDetailsValue: css`
label: logs-row-details__row;
position: relative;
vertical-align: top;
vertical-align: middle;
cursor: default;
&:hover {
background-color: ${bgColor};