365 Commits

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