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

RefreshPicker: minor design update (#16774)

Browse Source 
Fixes #16627
This commit is contained in:
Torkel Ödegaard 2019-04-25 22:22:20 +02:00 committed by GitHub
parent 470634e2d6
commit ccffe0e9cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/RefreshPicker/RefreshPicker.tsx
View File

@ -55,7 +55,7 @@ export class RefreshPicker extends PureComponent<Props> {
const cssClasses = classNames({ const cssClasses = classNames({
'refresh-picker': true, 'refresh-picker': true,
'refresh-picker--refreshing': selectedValue.label !== offOption.label, 'refresh-picker--off': selectedValue.label === offOption.label,
}); });
return ( return (

12
packages/grafana-ui/src/components/RefreshPicker/_RefreshPicker.scss
View File

@ -6,6 +6,10 @@
display: flex; display: flex;
} }
.navbar-button--refresh {
border-right: 0;
}
.gf-form-input--form-dropdown { .gf-form-input--form-dropdown {
position: static; position: static;
} }
@ -16,9 +20,13 @@
width: 100%; width: 100%;
} }
&--refreshing { .select-button-value {
color: $orange;
}
&--off {
.select-button-value { .select-button-value {
color: $orange; display: none;
} }
} }

2
public/app/features/dashboard/components/DashNav/DashNav.tsx
View File

@ -267,8 +267,8 @@ export class DashNav extends PureComponent<Props> {
{!dashboard.timepicker.hidden && ( {!dashboard.timepicker.hidden && (
<div className="navbar-buttons"> <div className="navbar-buttons">
<DashNavTimeControls dashboard={dashboard} location={location} updateLocation={updateLocation} />
<div className="gf-timepicker-nav" ref={element => (this.timePickerEl = element)} /> <div className="gf-timepicker-nav" ref={element => (this.timePickerEl = element)} />
<DashNavTimeControls dashboard={dashboard} location={location} updateLocation={updateLocation} />
</div> </div>
)} )}
</div> </div>