Commit Graph

367 Commits

Author SHA1 Message Date
Ł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