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

Laura/standardise border radius in explore (#64338)

Browse Source 
* refactor: remove border radius in ExploreGraph

* refactor: remove border radius in NoData

* refactor: remove border radius in TracePageSearchBar

* refactor: replace border radius in TracePageSearchBar and TraceViewContainer
This commit is contained in:
Laura Benz
2023-03-09 09:24:45 +01:00
committed by GitHub
parent 14208c4c42
commit 0bd1ae99df
4 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/explore/Graph/ExploreGraph.tsx
View File

@@ -1,4 +1,4 @@
import { css, cx } from '@emotion/css';
import { css } from '@emotion/css';
import { identity } from 'lodash';
import React, { useEffect, useMemo, useState } from 'react';
@@ -159,7 +159,7 @@ export function ExploreGraph({
return (
<PanelContextProvider value={panelContext}>
{data.length > MAX_NUMBER_OF_TIME_SERIES && !showAllTimeSeries && (
<div className={cx([style.timeSeriesDisclaimer])}>
<div className={style.timeSeriesDisclaimer}>
<Icon className={style.disclaimerIcon} name="exclamation-triangle" />
Showing only {MAX_NUMBER_OF_TIME_SERIES} time series.
<Button
@@ -191,9 +191,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
label: time-series-disclaimer;
margin: ${theme.spacing(1)} auto;
padding: 10px 0;
border-radius: ${theme.spacing(2)};
text-align: center;
background-color: ${theme.colors.background.primary};
`,
disclaimerIcon: css`
label: disclaimer-icon;

2
public/app/features/explore/NoData.tsx
View File

@@ -20,7 +20,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
label: no-data-card;
padding: ${theme.spacing(3)};
background: ${theme.colors.background.primary};
border-radius: ${theme.shape.borderRadius(2)};
border-radius: ${theme.shape.borderRadius()};
display: flex;
flex-direction: column;
align-items: center;

2
public/app/features/explore/TraceView/TraceViewContainer.tsx
View File

@@ -28,7 +28,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
background-color: ${theme.colors.background.primary};
border: 1px solid ${theme.colors.border.medium};
position: relative;
border-radius: 3px;
border-radius: ${theme.shape.borderRadius()};
width: 100%;
display: flex;
flex-direction: column;

2
public/app/features/explore/TraceView/components/TracePageHeader/TracePageSearchBar.tsx
View File

@@ -38,7 +38,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
margin-bottom: -48px;
padding: 8px;
margin-right: 2px;
border-radius: 4px;
border-radius: ${theme.shape.borderRadius()};
box-shadow: ${theme.shadows.z2};
`,
TracePageSearchBarBar: css`