Issue #836: resize bug of 1D component fixed

src/TmFv3DApp/tmdet-viewer/TmFv1DComponent.tsx

@@ -53,7 +53,7 @@ export class TmFv1D extends React.Component<TmFv1DParams, TmFv1DState> {
         const featureViewer = featureViewerRegistry.get(currentId) as RcsbFv;
         const boardConfig = featureViewer.getBoardConfig();
         boardConfig.trackWidth = observerEntry.contentRect.width - boardConfig.rowTitleWidth!;
-        scaleBoardConfigWidths(currentId, boardConfig, observerEntry);
+        resizeBoardConfigTrackWidth(boardConfig, observerEntry);
 
         featureViewer.updateBoardConfig({ boardConfigData: boardConfig });
     }
@@ -143,12 +143,7 @@ export async function createRcsbFeatureViewer(params: {
     return pfv;
 }
 
-function scaleBoardConfigWidths(elementId: string, boardConfig: RcsbFvBoardConfigInterface, entry: ResizeObserverEntry) {
-    const container = document.getElementById(elementId);
-    const fullWidth = boardConfig.trackWidth! + boardConfig.rowTitleWidth! + ULTIMATE_GAP_CONSTANT;
-    const ratio = entry.contentRect.width / fullWidth;
-    console.log('Before scaling', [ boardConfig.trackWidth, boardConfig.rowTitleWidth, ratio ]);
-    boardConfig.trackWidth = Math.floor(ratio * boardConfig.trackWidth!);
-    boardConfig.rowTitleWidth! = Math.floor(ratio * boardConfig.rowTitleWidth!);
-    console.log('After scaling', [ boardConfig.trackWidth, boardConfig.rowTitleWidth ]);
+function resizeBoardConfigTrackWidth(boardConfig: RcsbFvBoardConfigInterface, entry: ResizeObserverEntry) {
+    const fullWidth = entry.contentRect.width - ULTIMATE_GAP_CONSTANT;
+    boardConfig.trackWidth = fullWidth - boardConfig.rowTitleWidth!;
 }