@rango-dev/widget-embedded 0.51.1-next.10 → 0.51.1-next.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/widget-embedded",
3
- "version": "0.51.1-next.10",
3
+ "version": "0.51.1-next.11",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -81,6 +81,11 @@ export function HistoryGroupedList(props: PropTypes) {
81
81
 
82
82
  return (
83
83
  <GroupedVirtualizedList
84
+ style={{
85
+ // See note on https://github.com/rango-exchange/rango-client/pull/1284
86
+ flexGrow: 1,
87
+ minHeight: 0,
88
+ }}
84
89
  endReached={() => {
85
90
  if (loadedItems.current < list.length) {
86
91
  loadMore();
@@ -69,8 +69,12 @@ export const Title = styled('div', {
69
69
  });
70
70
  export const List = styled('ul', {
71
71
  flexGrow: 1,
72
+ height: '100%',
72
73
  padding: 0,
73
74
  margin: 0,
75
+ // See note on https://github.com/rango-exchange/rango-client/pull/1284
76
+ display: 'flex',
77
+ flexDirection: 'column',
74
78
  listStyle: 'none',
75
79
 
76
80
  '& li': {
@@ -195,6 +195,11 @@ export function TokenList(props: PropTypes) {
195
195
  const renderList = () => {
196
196
  return (
197
197
  <VirtualizedList
198
+ style={{
199
+ // See note on https://github.com/rango-exchange/rango-client/pull/1284
200
+ flexGrow: 1,
201
+ minHeight: 0,
202
+ }}
198
203
  itemContent={(index) => {
199
204
  const token = tokens[index];
200
205
  if (token === 'skeleton') {
@@ -40,6 +40,9 @@ const HistoryGroupedListContainer = styled('div', {
40
40
  flexDirection: 'column',
41
41
  gap: 15,
42
42
  height: '100%',
43
+ // See note on https://github.com/rango-exchange/rango-client/pull/1284
44
+ minHeight: 0,
45
+ flexGrow: 1,
43
46
  });
44
47
 
45
48
  const SearchAndFilterBar = styled('div', {