Merge Postpone quant rounding to use-site to avoid big size jumps due to rounded quant (mr-838)

7fe2e5b - fix(ext/cfx-ui): postpone quant rounding to use-site to avoid big size jumps due to rounded quant

Author: prikolium-cfx

ext/cfx-ui/src/cfx/apps/mpMenu/services/ui/ui.mpMenu.ts

@@ -48,14 +48,20 @@ class MpMenuUiService implements IUiService {
     const meterNode = document.createElement('div');
     meterNode.style.width = 'var(--width)';
     meterNode.style.height = 'var(--height)';
+    meterNode.style.position = 'fixed';
+    meterNode.style.top = '0';
+    meterNode.style.left = '0';
+    meterNode.style.pointerEvents = 'none';
+    meterNode.style.opacity = '0';
+    meterNode.style.transform = 'translate(-100%, -100%)';
+    document.body.appendChild(meterNode);
 
     function calculateDimensions(bodyRect: DOMRect) {
       const style = getComputedStyle(meterNode);
 
       const viewportWidth = parseFloat(style.getPropertyValue('width')) || bodyRect.width;
       const viewportHeight = parseFloat(style.getPropertyValue('height')) || bodyRect.height;
-      // eslint-disable-next-line no-bitwise
-      const quant = viewportHeight * 0.0055 | 0; // prevent subpixeling
+      const quant = viewportHeight * 0.0055;
 
       return {
         viewportWidth,

ext/cfx-ui/src/cfx/common/pages/ServersPage/ServersPage.tsx

@@ -72,7 +72,7 @@ export const ServersPage = observer(function ServersPage(props: ServersPageProps
             initialScrollOffset={initialScrollOffset}
             className={s.list}
             itemCount={list.sequence.length}
-            itemHeight={UiService.quant * 9}
+            itemHeight={Math.ceil(UiService.quant * 9)} // Ceil to avoid gaps between rows
             renderItem={renderItem}
           />
         )}

ext/cfx-ui/src/cfx/common/parts/Server/ServerFilters/ServerFilters.tsx

@@ -196,7 +196,7 @@ const FiltersPopover = observer(function FiltersPopover(props: ServerFiltersProp
 
             <VirtualScrollable
               itemCount={localesList.length}
-              itemHeight={UiService.quant * 6}
+              itemHeight={Math.ceil(UiService.quant * 6)}
               renderItem={(index) => (
                 <LocaleFaucet config={config} locale={locales[localesList[index]]} />
               )}
@@ -222,7 +222,7 @@ const FiltersPopover = observer(function FiltersPopover(props: ServerFiltersProp
 
             <VirtualScrollable
               itemCount={tagsList.length}
-              itemHeight={UiService.quant * 6}
+              itemHeight={Math.ceil(UiService.quant * 6)}
               renderItem={(index) => (
                 <TagFaucet config={config} tag={tagsList[index]} count={tags[tagsList[index]].count} />
               )}