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")`
width: 100%;
flex: 1;
min-width: 0;
color: #000;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
`;
const MenuItemExample = styled("div")`

View File

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

View File

@@ -33,7 +33,6 @@ import {
Redo2,
RemoveFormatting,
Strikethrough,
Tags,
Type,
Underline,
Undo2,
@@ -87,7 +86,6 @@ type ToolbarProperties = {
numFmt: string;
showGridLines: boolean;
onToggleShowGridLines: (show: boolean) => void;
openDrawer: () => void;
};
function Toolbar(properties: ToolbarProperties) {
@@ -514,18 +512,6 @@ function Toolbar(properties: ToolbarProperties) {
{properties.showGridLines ? <Grid2x2Check /> : <Grid2x2X />}
</StyledButton>
</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")}>
<StyledButton
type="button"

View File

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