Łukasz Mierzwa
64aa544be1
chore(ui): tweak filter input css
2019-10-08 21:19:54 +01:00
Łukasz Mierzwa
93aacb6ab6
feat(ui): add a border around bright labels
2019-10-07 21:17:21 +01:00
Łukasz Mierzwa
b1bc331711
feat(ui): change the background of filter input on hover
2019-10-07 19:46:18 +01:00
Łukasz Mierzwa
2b86aaaedb
chore(tests): update snapshots after font-awesome upgrade
2019-09-29 15:37:05 +01:00
Łukasz Mierzwa
f8b233ae33
feat(ui): more storybooks
2019-09-10 10:25:43 +01:00
Łukasz Mierzwa
6e39196d40
feat(ci): use percy for visual testing
2019-09-09 21:21:12 +01:00
Łukasz Mierzwa
c0b00fbdd1
feat(tests): add storybook for visual testing of components
2019-09-09 21:21:12 +01:00
Łukasz Mierzwa
845f3407d4
fix(ui): reformat ui code with prettier
2019-08-17 12:21:18 +01:00
Łukasz Mierzwa
548623fef4
chore(ui): flash counter badge on value change
2019-08-17 11:03:40 +01:00
Łukasz Mierzwa
3f89c54d68
fix(ui): ensure that progress bar height is always enforced
2019-08-09 18:51:39 +01:00
Łukasz Mierzwa
a3be6e9a7f
fix(ui): cleanup scss variable imports
...
All scss imports needs to use App.scss, otherwise some overrides won't be present, like font swap Lato -> Open Sans
2019-08-03 18:29:27 +01:00
Łukasz Mierzwa
610e08356e
chore(ui): disable tooltips on the overview modal
...
These get triggered too often, blocking view of other labels
2019-07-14 19:32:57 +01:00
Łukasz Mierzwa
2bdbfeb16f
chore(ui): user offset and raw filter from the api response
2019-07-14 18:22:55 +01:00
Łukasz Mierzwa
88ba0cc657
feat(ui): allow removing filters from the overview modal
2019-07-14 18:22:55 +01:00
Łukasz Mierzwa
9b348c2437
feat(ui): add an offset to overview modal labels
...
A little nicer and cleaner view of the percent bar below labels
2019-07-11 22:41:31 +01:00
Łukasz Mierzwa
6201133df9
fix(ui): tweak display of labels on the overview modal
2019-07-11 17:42:32 +01:00
Łukasz Mierzwa
7d7d6d5e93
fix(ui): add missing tests
2019-07-11 10:59:35 +01:00
Łukasz Mierzwa
3b2ed27e25
fix(ui): fix warning progress bar in overview modal
2019-07-11 10:23:15 +01:00
Łukasz Mierzwa
70e69fda09
feat(ui): add a modal with labels overview
...
Fixes #766
2019-07-10 22:39:17 +01:00
Łukasz Mierzwa
32463d6435
chore(ui): switch from Lato to Open Sans fonts
2019-06-20 18:52:23 +01:00
Łukasz Mierzwa
f4528721f3
fix(ui): reset filter input badge top offset
2019-06-17 20:11:45 +01:00
Łukasz Mierzwa
ed379a0600
feat(ui): pause updates while a filter is being edited
2019-06-10 18:50:03 +01:00
Łukasz Mierzwa
e1782df1a7
chore(ui): use FontAwesome icon instead of 'x' for FilterInputLabel
2019-06-07 14:22:42 +01:00
Łukasz Mierzwa
4465808287
fix(ui): apply correct font color to filter input labels
...
Bootstrap classes for.btn are getting priorioty so the text is always black, even when background color is dark
2019-06-01 14:17:37 +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
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
5a3094774b
fix(ui): add missing margin to filter input label with no counter
2019-04-25 10:35:53 +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
Ł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
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
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
1093b38164
feat(ui): use not-equal operator when user alt+clicks on a label
...
When user clicks on a label we apply a foo=bar filter, this change allows to add a foo!=bar filter by holding Alt key when clicking.
Fixes #485
2019-03-01 19:44:08 +00:00
Łukasz Mierzwa
21bc57bc24
fix(ui): use correct classes for not yet applied filters
2018-10-26 22:55:26 +01:00
Łukasz Mierzwa
6b4fce05e5
refactor(ui): cleanup label color/style selection
...
Merge into a single function since both className & style are tied together and as such are better of if selected using a single logic. Fixes some minor UI glitches like ellipsis color on truncated labels with custom color
2018-10-26 19:13:37 +01:00
Łukasz Mierzwa
8bc2c83de3
refactor(ui): change label style to make the value more visible
...
Fixes #18
2018-10-15 19:05:49 +01:00
Łukasz Mierzwa
8bd27f8ff7
feat(ui): add tooltips to clickable components
2018-10-07 13:14:45 +01:00
Łukasz Mierzwa
6d44e9bb02
feat(ui): preview affected alerts before submitting silence
2018-10-06 17:04:20 +01:00
Łukasz Mierzwa
7243cfc149
fix(ui): don't use a for elements without href
2018-10-03 11:14:45 +01:00
Łukasz Mierzwa
090d73350c
refactor(colors): move font color selection to the fronted
...
Right now backend sends both background and font color information, refactor to send background color and background brightness level (needed to pick font color) and let UI apply font color. Needed to implement #18
2018-09-30 13:50:21 +01:00
Łukasz Mierzwa
096b3985a4
chore(tests): migrate tests to enzyme
2018-09-06 22:37:05 +01:00
Łukasz Mierzwa
2ee69f9c08
fix(tests): add missing HistoryLabels tests
2018-09-02 18:09:46 +01:00
Łukasz Mierzwa
10f841c7de
refactor(tests): missing test coverage
2018-08-27 15:19:36 +01:00
Łukasz Mierzwa