diff --git a/src/app/components/chart-block/index.tsx b/src/app/components/chart-block/index.tsx index aa2071536..b1f07350e 100644 --- a/src/app/components/chart-block/index.tsx +++ b/src/app/components/chart-block/index.tsx @@ -122,6 +122,9 @@ export const ChartBlock: React.FC = ( width: "100%", marginTop: "20px", justifyContent: "flex-end", + "> button": { + maxWidth: "unset", + }, }, }} > diff --git a/src/app/components/charts/bar-series/index.tsx b/src/app/components/charts/bar-series/index.tsx index fc0c52ad1..c14f302a3 100644 --- a/src/app/components/charts/bar-series/index.tsx +++ b/src/app/components/charts/bar-series/index.tsx @@ -42,6 +42,7 @@ echarts.use([ const Tooltip = (props: any) => { return (
{ return (
{ return (
{ return (
{ return (
{ return (
{
{showList ? "" - : `${((props.value / props.totalValue) * 100).toFixed(2).replace(".00", "")}% - `} + : `${((props.value / props.totalValue) * 100) + .toFixed(2) + .replace(".00", "")}% - `} {formatFinancialValue(props.value)}
diff --git a/src/app/components/charts/sunburst/index.tsx b/src/app/components/charts/sunburst/index.tsx index 2a9988a8e..5e268cf82 100644 --- a/src/app/components/charts/sunburst/index.tsx +++ b/src/app/components/charts/sunburst/index.tsx @@ -24,6 +24,7 @@ echarts.use([EChartsSunburst, TooltipComponent, SVGRenderer]); const Tooltip = (props: any) => { return (
{ return (
= (props: DropdownProps) => { "& .MuiPaper-root": { width: props.width, "@media (max-width: 767px)": { - width: props.width ?? "160px", + width: props.width ?? "180px", }, }, }} diff --git a/src/app/components/header/index.tsx b/src/app/components/header/index.tsx index 507c99310..555ed7b05 100644 --- a/src/app/components/header/index.tsx +++ b/src/app/components/header/index.tsx @@ -23,6 +23,11 @@ export const Header: React.FC = () => { const onSearchBtnClick = () => { setSearchOpen(!searchOpen); + if (!searchOpen) + setTimeout(() => { + const input = document.getElementById("general-search"); + if (input) input.focus(); + }, 100); }; const handleKeyPress = (e: KeyboardEvent) => { diff --git a/src/app/components/search/components/results/index.tsx b/src/app/components/search/components/results/index.tsx index dcef6b9fb..e98049200 100644 --- a/src/app/components/search/components/results/index.tsx +++ b/src/app/components/search/components/results/index.tsx @@ -86,11 +86,13 @@ export function SearchResults(props: SearchResultsProps) { })} {props.results.length === 0 && !props.loading && hasLoaded && ( - {get(cmsData, "componentsSearch.noResults", "")} + {get(cmsData, "componentsSearch.noResults", "No results found.")} )} {props.loading && ( - {get(cmsData, "componentsSearch.loading", "")} + + {get(cmsData, "componentsSearch.loading", "Loading...")} + )} diff --git a/src/app/components/search/components/results/styles.ts b/src/app/components/search/components/results/styles.ts index d8119cc42..189c9eabe 100644 --- a/src/app/components/search/components/results/styles.ts +++ b/src/app/components/search/components/results/styles.ts @@ -137,6 +137,7 @@ export const ResultLink = styled(Link)` export const NoResults = styled.div` width: 100%; + color: #000; height: 100%; display: flex; align-items: center; diff --git a/src/index.css b/src/index.css index 8cf10be00..e04925a64 100644 --- a/src/index.css +++ b/src/index.css @@ -60,6 +60,13 @@ input[type="text"] { -webkit-appearance: none; } + +@media (max-width: 767px) { + .chart-tooltip { + width: 250px !important; + } +} + .chart-tooltip-title { max-width: 100%; font-size: 18px;