update: remove drawer button from toolbar, small fixes

This commit is contained in:
Daniel
2025-11-23 14:21:13 +01:00
committed by Nicolás Hatcher Andrés
parent ae6acdcdd5
commit cd47c609a0
4 changed files with 7 additions and 20 deletions

View File

@@ -155,11 +155,12 @@ const MenuDivider = styled("div")`
`; `;
const MenuItemText = styled("div")` const MenuItemText = styled("div")`
width: 100%; flex: 1;
min-width: 0;
color: #000; color: #000;
display: flex; overflow: hidden;
align-items: center;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap;
`; `;
const MenuItemExample = styled("div")` const MenuItemExample = styled("div")`

View File

@@ -398,6 +398,7 @@ const ListItem = styled("div")<{ $isSelected: boolean }>(({ $isSelected }) => ({
display: "flex", display: "flex",
alignItems: "flex-start", alignItems: "flex-start",
justifyContent: "space-between", justifyContent: "space-between",
gap: "8px",
padding: "8px 12px", padding: "8px 12px",
cursor: "pointer", cursor: "pointer",
minHeight: "40px", minHeight: "40px",
@@ -439,6 +440,8 @@ const NameText = styled("span")({
fontSize: "12px", fontSize: "12px",
color: theme.palette.common.black, color: theme.palette.common.black,
fontWeight: 600, fontWeight: 600,
wordBreak: "break-all",
overflowWrap: "break-word",
}); });
const IconsWrapper = styled("div")({ const IconsWrapper = styled("div")({

View File

@@ -33,7 +33,6 @@ import {
Redo2, Redo2,
RemoveFormatting, RemoveFormatting,
Strikethrough, Strikethrough,
Tags,
Type, Type,
Underline, Underline,
Undo2, Undo2,
@@ -87,7 +86,6 @@ type ToolbarProperties = {
numFmt: string; numFmt: string;
showGridLines: boolean; showGridLines: boolean;
onToggleShowGridLines: (show: boolean) => void; onToggleShowGridLines: (show: boolean) => void;
openDrawer: () => void;
}; };
function Toolbar(properties: ToolbarProperties) { function Toolbar(properties: ToolbarProperties) {
@@ -514,18 +512,6 @@ function Toolbar(properties: ToolbarProperties) {
{properties.showGridLines ? <Grid2x2Check /> : <Grid2x2X />} {properties.showGridLines ? <Grid2x2Check /> : <Grid2x2X />}
</StyledButton> </StyledButton>
</Tooltip> </Tooltip>
<Tooltip title={t("toolbar.named_ranges")}>
<StyledButton
type="button"
$pressed={false}
onClick={() => {
properties.openDrawer();
}}
disabled={!canEdit}
>
<Tags />
</StyledButton>
</Tooltip>
<Tooltip title={t("toolbar.selected_png")}> <Tooltip title={t("toolbar.selected_png")}>
<StyledButton <StyledButton
type="button" type="button"

View File

@@ -665,9 +665,6 @@ const Workbook = (props: { model: Model; workbookState: WorkbookState }) => {
model.setShowGridLines(sheet, show); model.setShowGridLines(sheet, show);
setRedrawId((id) => id + 1); setRedrawId((id) => id + 1);
}} }}
openDrawer={() => {
setDrawerOpen(true);
}}
/> />
<WorksheetAreaLeft $drawerWidth={isDrawerOpen ? drawerWidth : 0}> <WorksheetAreaLeft $drawerWidth={isDrawerOpen ? drawerWidth : 0}>
<FormulaBar <FormulaBar