Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-02-24 12:12:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: stretch title in toolbar

Browse Source
This commit is contained in:
thecodrr
2021-04-22 13:12:51 +05:00
parent 1c079f3fa5
commit e577001acd
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/web/src/components/editor/toolbar.js
View File

@@ -116,7 +116,7 @@ function Toolbar(props) {
return (
<Flex m={2} justifyContent={"space-between"}>
<Flex justifyContent="center" alignItems="center">
<Flex justifyContent="center" alignItems="center" flex={1}>
<Icon.ArrowLeft
sx={{
display: ["block", "block", "none"],
@@ -147,6 +147,9 @@ function Toolbar(props) {
p: 0,
borderWidth: 0,
borderRadius: 0,
textOverflow: "ellipsis",
whiteSpace: "nowrap",
overflow: "hidden",
":focus": { borderWidth: 0 },
}}
/>
@@ -161,8 +164,10 @@ function Toolbar(props) {
title={tool.title}
key={tool.title}
sx={{
display: [tool.hideOnMobile ? "none" : "block", "block", "block"],
visibility: tool.hidden ? "collapse" : "visible",
display: [
tool.hideOnMobile ? "none" : "block",
tool.hidden ? "none" : "block",
],
color: tool.enabled ? "text" : "disabled",
cursor: tool.enabled ? "pointer" : "not-allowed",
}}