grafana/public/sass/components
Johannes Schill 0412a28d2e TimePicker: New time picker dropdown & custom range UI (#16811)
* feat: Add new picker to DashNavTimeControls

* chore: noImplicitAny limit reached

* chore: noImplicityAny fix

* chore: Add momentUtc helper to avoid the isUtc conditionals

* chore: Move getRaw from Explore's time picker to grafana/ui utils and rename to getRawRange

* feat: Use helper functions to convert utc to browser time

* fix: Dont Select current value when pressing tab when using Time Picker

* fix: Add tabIndex to time range inputs so tab works smoothly and prevent mouseDown event to propagate to react-select

* fix: Add spacing to custom range labels

* fix: Updated snapshot

* fix: Re-adding getRaw() temporary to fix the build

* fix: Disable scroll event in Popper when we're using the TimePicker so the popup wont "follow" the menu

* fix: Move all "Last xxxx" quick ranges to the menu and show a "UTC" text when applicable

* fix: Add zoom functionality

* feat: Add logic to mark selected option as active

* fix: Add tooltip to zoom button

* fix: lint fix after rebase

* chore: Remove old time picker from DashNav

* TimePicker: minor design update

* chore: Move all time picker quick ranges to the menu

* fix: Remove the popover border-right, since the quick ranges are gone

* chore: Remove function not in use

* Fix: Close time picker on resize event

* Fix: Remove border bottom

* Fix: Use fa icons on prev/next arrows

* Fix: Pass ref from TimePicker to TimePickerOptionGroup so the popover will align as it should

* Fix: time picker ui adjustments to get better touch area on buttons

* Fix: Dont increase line height on large screens

* TimePicker: style updates

* Fix: Add more prominent colors for selected dates and fade out dates in previous/next month

* TimePicker: style updates2

* TimePicker: Big refactorings and style changes

* Removed use of Popper not sure we need that here?
* Made active selected item in the list have the "selected" checkmark
* Changed design of popover
* Changed design of and implementation of the Custom selection in the dropdown it did not feel like a item you
could select like the rest now the list is just a normal list

* TimePicker: Refactoring & style changes

* TimePicker: use same date format everywhere

* TimePicker: Calendar style updates

* TimePicker: fixed unit test

* fixed unit test

* TimeZone: refactoring time zone type

* TimePicker: refactoring

* TimePicker: finally to UTC to work

* TimePicker: better way to handle calendar utc dates

* TimePicker: Fixed tooltip issues

* Updated snapshot

* TimePicker: moved tooltip from DashNavControls into TimePicker
2019-06-24 14:39:59 +02:00
..
_add_data_source.scss NewDataSourcePage: Add Grafana Cloud link (#17324) 2019-05-29 09:37:29 +02:00
_alerts.scss Chore: Theme consistency, rems => pixels or variables (#16235) 2019-03-27 09:14:02 +01:00
_buttons.scss NewDataSourcePage: Add Grafana Cloud link (#17324) 2019-05-29 09:37:29 +02:00
_cards.scss replaced rem with pixels or variables 2019-03-21 10:43:06 +01:00
_code_editor.scss replaced rems with pixels or variables 2019-03-21 15:44:14 +01:00
_dashboard_grid.scss replaced rem with pixels or variables 2019-03-21 10:43:06 +01:00
_dashboard_list.scss replaced rem with pixels or variables 2019-03-21 10:43:06 +01:00
_dashboard_settings.scss Dashboard: Minor settings UI Update (#16669) 2019-04-22 16:04:35 +02:00
_drop.scss Chore: Theme consistency, rems => pixels or variables (#16235) 2019-03-27 09:14:02 +01:00
_dropdown.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_empty_list_cta.scss Bump Prettier version (#15532) 2019-02-19 15:41:35 +01:00
_filter-controls.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_filter-list.scss Husky and sasslint fixes, fixes #14638 2018-12-25 20:20:59 +01:00
_filter-table.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_footer.scss Refactor: Theme & Removed the last rems (#16245) 2019-03-28 11:14:30 +01:00
_gf-form.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_infobox.scss replaced rems with pixels or variables 2019-03-21 15:44:14 +01:00
_json_explorer.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_jsontree.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_modals.scss UI: Remove old icons (#16335) 2019-04-17 15:18:32 +02:00
_navbar.scss TimePicker: New time picker dropdown & custom range UI (#16811) 2019-06-24 14:39:59 +02:00
_navs.scss Refactor: Theme & Removed the last rems (#16245) 2019-03-28 11:14:30 +01:00
_old_stuff.scss replaced rems with pixels or variables 2019-03-21 15:44:14 +01:00
_page_header.scss Chore: Theme consistency, rems => pixels or variables (#16235) 2019-03-27 09:14:02 +01:00
_page_loader.scss s -> sm, m -> md, l -> lg 2019-03-12 08:34:55 +01:00
_panel_alertlist.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_panel_dashlist.scss fix: css fix, found a better way to fix #10772 2018-02-06 13:01:23 +01:00
_panel_editor.scss Panels: No title will no longer make panel header take up space (#16884) 2019-05-06 15:26:09 +02:00
_panel_gettingstarted.scss GettingStarted: Fixes layout issues, fixes #16926 (#16941) 2019-05-08 17:22:25 +02:00
_panel_graph.scss TimePicker: New time picker dropdown & custom range UI (#16811) 2019-06-24 14:39:59 +02:00
_panel_header.scss Panels: Show Drilldown links in top-left corner of custom React panels (#17142) 2019-05-22 14:21:43 +02:00
_panel_heatmap.scss heatmap: fix legend padding 2019-03-07 19:49:14 +03:00
_panel_logs.scss TimePicker: New time picker dropdown & custom range UI (#16811) 2019-06-24 14:39:59 +02:00
_panel_piechart.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_panel_pluginlist.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_panel_singlestat.scss Singlestat: fixes issue with value placement and line wraps (#17249) 2019-05-24 08:52:47 +02:00
_panel_table.scss Panels: Fixed alert icon position in panel header (#17070) 2019-05-14 18:47:35 +02:00
_panel_text.scss Bump Prettier version (#15532) 2019-02-19 15:41:35 +01:00
_popover-box.scss Quick refactoring of time picker styles, needs a much bigger redesign 2018-12-19 13:13:46 +01:00
_query_editor.scss replaced rem with pixels or variables 2019-03-21 10:43:06 +01:00
_query_part.scss refactor: minor css class naming change of #10505 2018-01-23 16:10:04 +01:00
_row.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_scrollbar.scss fix: Enable -webkit-scrollbar related css when there's no overlay scrollbar #14807 2019-01-24 12:43:25 +01:00
_search.scss Search: Set element height to 100% to avoid Chrome 74's overflow (#17054) 2019-05-14 11:08:36 +02:00
_shortcuts.scss replaced rems with pixels or variables 2019-03-21 15:44:14 +01:00
_sidemenu.scss UX: Improve Grafana usage for smaller screens (#16783) 2019-04-26 19:16:03 +02:00
_slate_editor.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_submenu.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_switch.scss Switch: made minor styling tweaks to switch to align to 4px grid (#16593) 2019-04-15 16:12:03 +02:00
_tabbed_view.scss Chore: Theme consistency, rems => pixels (#16145) 2019-03-27 08:48:24 +01:00
_tables_lists.scss sass refactoring and updating styles for list item elements 2017-11-23 12:54:12 +01:00
_tabs.scss data source picker demo state 2018-11-09 15:50:09 +01:00
_tags.scss Minor refactoring of copy tags when saving feature, #15446 2019-03-08 14:24:45 +01:00
_tagsinput.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_timepicker.scss minor style update 2019-02-11 13:42:37 +01:00
_toggle_button_group.scss Minor style fix to button group 2019-01-29 21:30:31 +01:00
_toolbar.scss Refactor: Theme input padding variables (#16048) 2019-03-28 11:13:53 +01:00
_tooltip.scss changed light-theme tool-tip to be a bit lighter, trying different paddings 2019-01-23 15:39:13 +01:00
_typeahead.scss tech: ran prettier on all scss files 2017-12-19 16:22:41 +01:00
_view_states.scss Dashboard: show refresh button in kiosk mode (#17032) 2019-05-13 15:49:54 +02:00
edit_sidemenu.scss Refactor: Theme & Removed the last rems (#16245) 2019-03-28 11:14:30 +01:00