Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1171 from buster-so/big-nate-bus-1957-inherit-color-toggle-on-linear-trend-line-is-janky 

element size update
This commit is contained in:
Nate Kelley 2025-09-26 09:28:59 -06:00 committed by GitHub
parent 92b18d7466 0431946b27
commit b069d1a8a1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/ui/segmented/AppSegmented.tsx
View File

@ -10,6 +10,8 @@ import { motion } from 'framer-motion';
import * as React from 'react';
import { useEffect, useLayoutEffect, useState, useTransition } from 'react';
import { useIsBlockerEnabled } from '@/context/Routes/blocker-store';
import { useDebounce } from '@/hooks/useDebounce';
import { useMount } from '@/hooks/useMount';
import { useSize } from '@/hooks/useSize';
import { cn } from '@/lib/classMerge';
import type { ILinkProps } from '@/types/routes';
@ -142,7 +144,8 @@ export const AppSegmented: AppSegmentedComponent = (<
}: AppSegmentedProps<T, TRouter, TOptions, TFrom>) => {
const { blocker } = useIsBlockerEnabled();
const rootRef = React.useRef<HTMLDivElement>(null);
const elementSize = useSize(rootRef, 25);
const rawElementSize = useSize(rootRef, 25);
const elementSize = useDebounce(rawElementSize, { wait: 25 });
const tabRefs = React.useRef<Map<string, HTMLButtonElement>>(new Map());
const [selectedValue, setSelectedValue] = useState(value || options[0]?.value);
const [gliderStyle, setGliderStyle] = useState({

2
apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricEditController.tsx
View File

@ -6,7 +6,7 @@ export const MetricEditController: React.FC<{
metricVersionNumber: number | undefined;
}> = React.memo(({ metricId, metricVersionNumber }) => {
return (
<div className="flex h-full w-full min-w-[260px] flex-col overflow-hidden">
<div className="flex h-full w-full min-w-[250px] flex-col overflow-hidden">
<MetricStylingApp metricId={metricId} metricVersionNumber={metricVersionNumber} />
</div>
);

2
apps/web/src/controllers/MetricController/MetricViewChartController/MetricEditController/MetricStylingApp/Common/LabelAndInput.tsx
View File

@ -13,7 +13,7 @@ export const LabelAndInput: React.FC<{
return (
<div
data-testid={dataTestId}
className={cn('grid w-full grid-cols-[minmax(115px,115px)_1fr] items-center gap-2', 'h-7')}
className={cn('grid w-full grid-cols-[minmax(35px,115px)_1fr] items-center gap-2 h-7')}
>
<div className="flex items-center gap-x-1">
<Text size="sm" variant="secondary">