From 080d222bbc1f2812d5b031580a9a4beda390738d Mon Sep 17 00:00:00 2001 From: tomiir Date: Thu, 4 Jan 2024 09:17:09 -0600 Subject: [PATCH] fix: capped networks view grid height to 70vh (#1701) --- .../scaffold/src/views/w3m-networks-view/index.ts | 2 ++ .../scaffold/src/views/w3m-networks-view/styles.ts | 12 ++++++++++++ 2 files changed, 14 insertions(+) create mode 100644 packages/scaffold/src/views/w3m-networks-view/styles.ts diff --git a/packages/scaffold/src/views/w3m-networks-view/index.ts b/packages/scaffold/src/views/w3m-networks-view/index.ts index f3a80f8fe8..0dddcf6e0a 100644 --- a/packages/scaffold/src/views/w3m-networks-view/index.ts +++ b/packages/scaffold/src/views/w3m-networks-view/index.ts @@ -11,9 +11,11 @@ import { customElement } from '@web3modal/ui' import { LitElement, html } from 'lit' import { state } from 'lit/decorators.js' import { ifDefined } from 'lit/directives/if-defined.js' +import styles from './styles.js' @customElement('w3m-networks-view') export class W3mNetworksView extends LitElement { + public static override styles = styles // -- Members ------------------------------------------- // private unsubscribe: (() => void)[] = [] diff --git a/packages/scaffold/src/views/w3m-networks-view/styles.ts b/packages/scaffold/src/views/w3m-networks-view/styles.ts new file mode 100644 index 0000000000..fae4252e75 --- /dev/null +++ b/packages/scaffold/src/views/w3m-networks-view/styles.ts @@ -0,0 +1,12 @@ +import { css } from 'lit' + +export default css` + :host > wui-grid { + max-height: 360px; + overflow: auto; + } + + wui-grid::-webkit-scrollbar { + display: none; + } +`