public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Explore: Refactor active buttons css (#22124)

Browse Source
This commit is contained in:
Ivana Huckova
2020-02-12 20:11:40 +01:00
committed by GitHub
parent ef36276584
commit 2be4d8dfd0
5 changed files with 20 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/TimePicker/TimePicker.tsx
+1 -14
View File
@@ -69,19 +69,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
font-size: ${theme.typography.size.md};
}
`,
syncedTimePicker: css`
label: syncedTimePicker;
border-color: ${theme.colors.orangeDark};
background-image: none;
background-color: transparent;
color: ${theme.colors.orangeDark};
&:focus,
:hover {
color: ${theme.colors.orangeDark};
background-image: none;
background-color: transparent;
}
`,
noRightBorderStyle: css`
label: noRightBorderStyle;
border-right: 0;
@@ -160,7 +147,7 @@ export class UnthemedTimePicker extends PureComponent<Props, State> {
const timePickerIconClass = cx('fa fa-clock-o fa-fw', { ['icon-brand-gradient']: syncedTimePicker });
const timePickerButtonClass = cx('btn navbar-button navbar-button--tight', {
[`btn--radius-right-0 ${styles.noRightBorderStyle}`]: !!timeSyncButton,
[`explore-active-button-glow ${styles.syncedTimePicker}`]: syncedTimePicker,
[`explore-active-button`]: syncedTimePicker,
});
return (