Summary:
This is a collection of small UI fixes for the network plugin:

- image maxWidth is set to 100% to not cause vertical scrolling
- Panels now have horizontal scrollbars, if their content overflows
- fixing missing icon for failed network requests
- removing position sticky from table headers as it was not used and causing some rendering issues and performance problems
- Adding a `label` and `grow` option to the `Select`-component which is used in the sidebar of the network plugin.

Reviewed By: passy

Differential Revision: D12956336

fbshipit-source-id: 6e7e9cf97c058a2ff626576d4afdc6df65007ea1
This commit is contained in:
Daniel Büchele
2018-11-07 06:22:13 -08:00
committed by Facebook Github Bot
parent 4ff5c7294c
commit 8ab52839fb
5 changed files with 52 additions and 18 deletions

View File

@@ -207,7 +207,7 @@ export default class extends FlipperPlugin<State, *, PersistedState> {
this.state.selectedIds ? new Set(this.state.selectedIds) : null
}
/>
<DetailSidebar>{this.renderSidebar()}</DetailSidebar>
<DetailSidebar width={500}>{this.renderSidebar()}</DetailSidebar>
</FlexColumn>
);
}
@@ -384,7 +384,7 @@ class StatusColumn extends PureComponent<{
let glyph;
if (children != null && children >= 400 && children < 600) {
glyph = <Icon name="stop-solid" color={colors.red} />;
glyph = <Icon name="stop" color={colors.red} />;
}
return (