Łukasz Mierzwa
92a7c8c847
fix(ui): migrate to react-select v3
2019-05-27 16:50:30 +01:00
Łukasz Mierzwa
685a0220e0
fix(ui): use width passed by ReactResizeDetector instead of body width
...
Trying to fix #721 .
2019-05-27 11:39:35 +01:00
Łukasz Mierzwa
78660cd374
feat(ui): animate alert counter on changes
2019-05-12 11:09:34 +01:00
Łukasz Mierzwa
c374d627e6
fix(ui): matcher badge and close icon css fixes
...
Counter badge is misaligned, fix it by setting line-height.
Close icon border padding is different than parent, ensure it's inherited to avoid mismatch
2019-05-11 23:29:56 +01:00
Łukasz Mierzwa
e2dc16b1b2
fix(ui): remove pointless prop definition
...
It's defined on Tooltip instead of the wrapper and it's not needed
2019-05-11 18:51:28 +01:00
Łukasz Mierzwa
eb1181cd70
feat(ui): lazy load modals
...
This uses React code splitting to only load modal content components if they are used - all modal components will be loaded the first time user open a modal, rather than on initial page load
2019-05-11 18:38:54 +01:00
Łukasz Mierzwa
f50ac75363
fix(ui): fix alert menu content being under other alert groups
...
Because every alert group uses 'position: absolute' our menu content rendered after clicking on group header or each alert dropdown is hidden under neighbour groups. To fix this we'll add 'z-index: 100' to the group with currently open menu.
2019-05-10 20:06:02 +01:00
Łukasz Mierzwa
884bbe8398
feat(ui): add shadows to dropdown menus
2019-05-09 22:56:27 +01:00
Łukasz Mierzwa
1a106a0de7
fix(ui): use rem as unit for badge-pill in the group header
2019-05-08 15:26:50 +01:00
Łukasz Mierzwa
adc9ccc95c
fix(ui): use label class for silence matchers to prevent overflow
2019-05-07 08:05:40 +01:00
Ł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