Łukasz Mierzwa
d75ad0434e
feat(ui): flash annotation text on changes
2019-05-05 19:34:20 +01:00
Łukasz Mierzwa
7aee212dc9
fix(ui): fix fallback sorting by timestamps
...
Sorting by timestaps should be reversed - most recent timestamps first
2019-05-04 23:34:27 +01:00
Łukasz Mierzwa
c298a6cd69
fix(ui): delay initial fetch until browser is idle
...
Right now the very fist fetch() happens right after Fetcher instance is created, which might be while a lot of other components are still being created. Wrap it inside requestAnimationFrame so it's executed once the browser is (fairly) idle
2019-05-04 22:48:40 +01:00
Łukasz Mierzwa
80338927f7
feat(ui): use alerts timestamp as secondary sort key
2019-05-04 22:05:31 +01:00
Łukasz Mierzwa
e94f66f881
feat(ui): speed up animations with translateZ and translate3d
2019-05-04 20:43:58 +01:00
Łukasz Mierzwa
9bf7746273
fix(ui): add missing class to the inhibition icon
2019-05-04 00:30:02 +01:00
Łukasz Mierzwa
dc00ef86c8
fix(ui): cleanup css classes for labels
2019-05-03 19:14:29 +01:00
Łukasz Mierzwa
c932ae8d50
fix(ui): bump the font size for filters
2019-05-02 12:46:36 +01:00
Łukasz Mierzwa
e0311da8cf
fix(ui): fix styling of the close icon on filter input button
2019-04-30 23:28:56 +01:00
Łukasz Mierzwa
655f244f1b
refactor(ui): use button instead of a badge for filter elements
2019-04-30 14:08:36 +01:00
Łukasz Mierzwa
8242ec64f8
feat(ui): use silence form settings exposed via the backend API
...
Silence form when populating matchers from alerts or alert groups will now ignore labels listed in silenceForm:strip:labels
2019-04-29 20:54:17 +01:00
Łukasz Mierzwa
ed21ee6149
fix(ui): lower repack debounce
...
50ms is very noticable and one can see groups overlapping each other, 10ms is nicer
2019-04-26 12:01:54 +01:00
Łukasz Mierzwa
97bf34c45d
fix(ui): debounce grid updates so that they are batched
2019-04-25 22:02:14 +01:00
Łukasz Mierzwa
f6eee6b01d
fix(ui): re-add fetch polyfill for older browsers
2019-04-25 12:54:06 +01:00
Łukasz Mierzwa
5a3094774b
fix(ui): add missing margin to filter input label with no counter
2019-04-25 10:35:53 +01:00
Łukasz Mierzwa
0ba8334df9
fix(ui): provide empty css file to import instead of Google fonts
2019-04-24 23:11:05 +01:00
Łukasz Mierzwa
a93c6b254c
fix(ui): drop whatwg-fetch import as it's included in react-app-polyfill
2019-04-24 22:06:23 +01:00
Łukasz Mierzwa
1b5d856a21
refactor(ui): use react-app-polyfill instead of @babel/polyfill
...
CRA 3.0 depracates babel/polyfill, react-app-polyfill is the new recommended pollyfill package.
Remove IE from the list of supported browsers and drop polyfills for it since doesn't work anyway - Proxy support in ES is required for mobx 5.x and that cannot be polyfilled.
2019-04-24 22:03:45 +01:00
Łukasz Mierzwa
809c6c6fab
feat(ui): use api/v2 silence endpoints for alertmanager 0.16+
2019-04-24 20:58:15 +01:00
Łukasz Mierzwa
7b13499f2b
fix(ui): use correct label for silence start time
2019-04-24 20:56:58 +01:00
Łukasz Mierzwa
5db2f971f2
fix(ui): limit annotation width to the parent width
2019-04-20 11:21:27 +01:00
Łukasz Mierzwa
4b37c209fa
fix(ui): correctly set card background color
...
Cards only need color definition once, on the top level element
2019-04-20 09:58:03 +01:00
Łukasz Mierzwa
ebde58a281
feat(ui): add colored second display style for titlebar
...
This enables second mode for titlebar styling - enabling it will cause the background to be set to the same color as the alerts, but only if all alerts in a group are in the same state.
2019-04-19 21:09:37 +01:00
Renovate Bot
abd85362a5
fix(deps): update dependency react-select to v2.4.3
2019-04-17 10:21:03 +01:00
Łukasz Mierzwa
389ab04a40
fix(ui): ensure that all filter bar label indicators use badge class
2019-04-16 14:14:19 +01:00
Łukasz Mierzwa
b1c89858e8
feat(ui): allow configuring grid size
2019-04-14 23:05:11 +01:00
Łukasz Mierzwa
c2d34cd0eb
feat(ui): dynamically calculate grid size
...
This allows to have dynamic grid size, rather than static with values hardcoded in Constants file
2019-04-14 17:33:06 +01:00
Łukasz Mierzwa
5836d72513
fix(ui): fix grid animations
...
Fade on mount wasn't working because it was placed at the wrong level.
Animate group moves around the grid.
2019-04-13 10:45:24 +01:00
Łukasz Mierzwa
2f243b8e16
fix(ui): refactor browser window resize handler
...
bricks.js already handles resize but it needs fixed width on elements to work properly
2019-04-13 10:45:24 +01:00
Łukasz Mierzwa
765be40c7f
fix(tests): add missing test coverage for FontFaceObserver timeouts
2019-04-11 22:22:59 +01:00
Łukasz Mierzwa
04f3d6791c
fix(ui): don't crash on null grid
2019-04-11 12:50:56 +01:00
Łukasz Mierzwa
8592f6a941
fix(ui): don't error on font load timeout
2019-04-09 14:08:06 +01:00
Łukasz Mierzwa
fcd3216313
fix(ui): ensure that filter input labels are truncated if too long
...
Tooltip component creates a div element which is currently missing mw-100 (and others) so it can be bigger than the wrapping label span
2019-04-08 21:52:14 +01:00
Łukasz Mierzwa
7957aacc68
fix(ui): cleanup filter input css classes
...
Text is not aligned properly on macOS/chrome and spinner for unapplied filters is moved to the top
2019-04-07 18:43:02 +01:00
Łukasz Mierzwa
669f227b23
fix(ui): repack alert grid on font load
...
When fonts are loaded size of rendered elements might change, which can break the grid display, trigger a repack to fix that
2019-04-05 17:18:36 -07:00
Łukasz Mierzwa
942d86a652
fix(ui): redraw alert grid on orientation changes
2019-04-03 22:24:23 -07:00
Łukasz Mierzwa
ed58c3a1eb
fix(ui): reset grid after browser reset
...
Resizing browser window requires reseting the grid, since the number of columns might change. Add event handlers to handle that
2019-04-03 20:23:06 -07:00
Łukasz Mierzwa
dfe9cb1426
fix(tests): mock fetch for LabelValueInput tests
...
Gettings lots of nodejs warnings about unhandled fetch errors due to lack of mocks for suggestion fetch requests, add mocks to supress those
2019-04-03 14:56:59 -07:00
Łukasz Mierzwa
2509704190
feat(ui): allow configuring default collapse state for alert groups
2019-04-03 14:56:59 -07:00
Łukasz Mierzwa
549b5c2310
feat(ui): show progress indicators for silence form matchers
2019-04-02 17:12:46 -07:00
Łukasz Mierzwa
e2be71d458
feat(ui): collapse alert groups on mobile by default
2019-04-01 21:00:51 -07:00
Łukasz Mierzwa
c74d697596
refactor(ui): add background color to the alert group title
...
Right now the title and the body blends together in the UI, add background color to make it easier to show where title bar ends and where the alert body starts
2019-03-27 19:25:01 -07:00
Łukasz Mierzwa
07566c9e87
fix(ui): remove padding from the spinner
...
When filter is not yet applied we draw a spinner icon that uses badge class on the parent element, remove padding from parent so we don't end up resizing parent
2019-03-26 22:04:37 -07:00
Łukasz Mierzwa
d4032ea816
fix(ui): only set custom colors on filters that are applied
2019-03-26 22:03:21 -07:00
Łukasz Mierzwa
7bd9cc641a
fix(ui): cleanup filter input css classes
2019-03-26 21:32:48 -07:00
Łukasz Mierzwa
e8d5715e04
fix(ui): use flex for ordering filter elements
2019-03-26 21:11:39 -07:00
Łukasz Mierzwa
baf0890392
feat(ui): hide filter counter value when not needed
...
Right now counter badge is rendered on every filter instance, but if there's only one filter that counter has the same value as the total alert counter on left side. With this change counter badge will only be rendered if there's a filter with hits != total alert count
2019-03-22 17:02:40 +00:00
Łukasz Mierzwa
f79b655893
chore(ui): use rocket icon on the upgrade screen
2019-03-20 21:54:05 +00:00
Łukasz Mierzwa
3974315ccc
feat(ui): add UI toggle for changing autohide settings
...
This adds a checkbox in the settings form to control if navbar autohide is on or off
Fixes #530
2019-03-15 14:57:27 +00:00
Łukasz Mierzwa
fc334ab4ac
feat(ui): add settings for controlling navbar autohide
...
This allows to control if the navbar should hide on idle or not
2019-03-15 14:57:27 +00:00