IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-09 23:16:16 -06:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Explore: Convert SASS styles of explore-active-button to emotion (#50061)" (#50882)

Browse Source 
This reverts commit 85ecf997be.
This commit is contained in:
Laura 2022-06-16 14:39:54 +02:00 committed by GitHub
parent f0b191c1c8
commit b09df60464
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/app/features/explore/SecondaryActions.tsx
View File

@ -21,11 +21,6 @@ const getStyles = (theme: GrafanaTheme2) => {
containerMargin: css` containerMargin: css`
margin-top: ${theme.spacing(2)}; margin-top: ${theme.spacing(2)};
`, `,
exploreActiveButton: css`
box-shadow: ${theme.shadows.z1};
border: 1px solid ${theme.colors.warning.border};
color: ${theme.colors.warning.text};
`,
}; };
}; };
export function SecondaryActions(props: Props) { export function SecondaryActions(props: Props) {
@ -49,7 +44,7 @@ export function SecondaryActions(props: Props) {
<Button <Button
variant="secondary" variant="secondary"
aria-label="Rich history button" aria-label="Rich history button"
className={cx({ [styles.exploreActiveButton]: props.richHistoryButtonActive })} className={cx({ ['explore-active-button']: props.richHistoryButtonActive })}
onClick={props.onClickRichHistoryButton} onClick={props.onClickRichHistoryButton}
icon="history" icon="history"
> >
@ -59,7 +54,7 @@ export function SecondaryActions(props: Props) {
<Button <Button
variant="secondary" variant="secondary"
aria-label="Query inspector button" aria-label="Query inspector button"
className={cx({ [styles.exploreActiveButton]: props.queryInspectorButtonActive })} className={cx({ ['explore-active-button']: props.queryInspectorButtonActive })}
onClick={props.onClickQueryInspectorButton} onClick={props.onClickQueryInspectorButton}
icon="info-circle" icon="info-circle"
> >

6
public/sass/pages/_explore.scss
View File

@ -1,3 +1,9 @@
.explore-active-button {
box-shadow: $btn-active-box-shadow;
border: 1px solid $orange-dark !important;
color: $orange-dark !important;
}
// TODO: check if this is used // TODO: check if this is used
.explore { .explore {
display: flex; display: flex;