diff --git a/src/FilterLists.Web.V2/src/App.tsx b/src/FilterLists.Web.V2/src/App.tsx index 08ecc254f..7dd6ac1e9 100644 --- a/src/FilterLists.Web.V2/src/App.tsx +++ b/src/FilterLists.Web.V2/src/App.tsx @@ -1,5 +1,6 @@ import { Layout, Menu } from 'antd'; import React from 'react'; + import { AllListsTable } from './modules'; const { Header, Content, Footer } = Layout; @@ -16,7 +17,7 @@ const App: React.FC = () => { /> -
+
diff --git a/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.module.css b/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.module.css index 600fd2ecb..11d17859b 100644 --- a/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.module.css +++ b/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.module.css @@ -4,7 +4,7 @@ /* https://stackoverflow.com/a/22042054/2343739 */ overflow: hidden; text-overflow: ellipsis; - display: -webkit-box !important; /* TODO: refactor out important */ + display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ line-height: 1.5; /* fallback */ @@ -13,3 +13,9 @@ /* fixed row height */ min-height: 3em; } + +.nogrow { + /* eliminate top and bottom padding in cells to fit more rows per page */ + padding-top: 0px !important; + padding-bottom: 0px !important; +} diff --git a/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.tsx b/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.tsx index 575286f12..d345f851a 100644 --- a/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.tsx +++ b/src/FilterLists.Web.V2/src/modules/allListsTable/AllListsTable.tsx @@ -51,7 +51,7 @@ export class AllListsTable extends React.Component<{}, State> { } private updatePageSize() { - const pageSize = Math.floor((window.innerHeight - 275.5) / 72); + const pageSize = Math.floor((window.innerHeight - 211.5) / 56); this.setState({ pageSize: pageSize, pageSizeOptions: [5, 10, 20, 500, 2000, pageSize].sort((a, b) => a - b).map(String),