sirtimbly/IronCalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Correct size of dropdown fonts

Browse Source
This commit is contained in:
Nicolás Hatcher
2025-01-01 17:59:03 +01:00
committed by Nicolás Hatcher Andrés
parent b7f7e73824
commit 97b27006cf
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
webapp/src/components/NameManagerDialog/NamedRangeActive.tsx
View File

@@ -10,6 +10,7 @@ import {
import { t } from "i18next"; import { t } from "i18next";
import { Check, X } from "lucide-react"; import { Check, X } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import { theme } from "../../theme";
interface NamedRangeProperties { interface NamedRangeProperties {
worksheets: WorksheetProperties[]; worksheets: WorksheetProperties[];
@@ -59,13 +60,12 @@ function NamedRangeActive(properties: NamedRangeProperties) {
}} }}
> >
<MenuItem value={"[global]"}> <MenuItem value={"[global]"}>
{`${t("name_manager_dialog.workbook")} ${t( <MenuSpan>{t("name_manager_dialog.workbook")}</MenuSpan>
"name_manager_dialog.global", <MenuSpanGrey>{` ${t("name_manager_dialog.global")}`}</MenuSpanGrey>
)}`}
</MenuItem> </MenuItem>
{worksheets.map((option) => ( {worksheets.map((option) => (
<MenuItem key={option.name} value={option.name}> <MenuItem key={option.name} value={option.name}>
{option.name} <MenuSpan>{option.name}</MenuSpan>
</MenuItem> </MenuItem>
))} ))}
</StyledTextField> </StyledTextField>
@@ -104,6 +104,18 @@ function NamedRangeActive(properties: NamedRangeProperties) {
); );
} }
const MenuSpan = styled("span")`
font-size: 12px;
font-family: "Inter";
`;
const MenuSpanGrey = styled("span")`
white-space: pre;
font-size: 12px;
font-family: "Inter";
color: ${theme.palette.grey[400]};
`;
const StyledBox = styled(Box)` const StyledBox = styled(Box)`
display: flex; display: flex;
gap: 12px; gap: 12px;