mirror of
https://github.com/keeweb/keeweb.git
synced 2024-06-28 07:50:55 +02:00
list size calculation
This commit is contained in:
parent
7187cc5e1d
commit
146de47e0c
|
@ -61,7 +61,7 @@ export const List: FunctionComponent = () => {
|
|||
|
||||
const [scrollTop, setScrollTop] = useState(0);
|
||||
|
||||
const itemHeight = useMemo(getItemHeight, [AppSettings.tableView, AppSettings.fontSize]);
|
||||
const itemHeight = getItemHeight();
|
||||
const visibleItemsCount = Math.ceil(window.innerHeight / itemHeight);
|
||||
const scrollBufferSizeInItems = Math.max(4, Math.ceil(visibleItemsCount / 2));
|
||||
|
||||
|
@ -112,14 +112,9 @@ export const List: FunctionComponent = () => {
|
|||
};
|
||||
|
||||
function getItemHeight(): number {
|
||||
// Fixed sizes from list.scss. They're not in em to prevent jitter
|
||||
if (AppSettings.tableView) {
|
||||
throw new Error('Not implemented');
|
||||
}
|
||||
// render() throws an error in hooks here
|
||||
const item = document.createElement('div');
|
||||
item.classList.add('hide-by-pos', 'list__item');
|
||||
document.body.appendChild(item);
|
||||
const { height } = item.getBoundingClientRect();
|
||||
item.remove();
|
||||
return height;
|
||||
return 47 + AppSettings.fontSize * 8;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user