maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix tool bar items dropdown

This commit is contained in:
CarinaWolli 2023-01-09 09:42:41 -05:00
parent c7bafd385d
commit 1424462db9
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/components/editor/plugins/ToolbarPlugin.tsx
View File

@ -418,8 +418,8 @@ export default function ToolbarPlugin(props: TextEditorProps) {
type="button"
onClick={() => format(key)}
className={classNames(
"w-full focus:ring-0",
blockType === key ? "w-full rounded-none bg-gray-100" : ""
"toolbar-item w-full rounded-none focus:ring-0",
blockType === key ? "w-full bg-gray-100" : ""
)}>
<>
<span className={"icon block-type " + key} />
@ -444,7 +444,7 @@ export default function ToolbarPlugin(props: TextEditorProps) {
editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
}
}}
className={"toolbar-item spaced " + (isBold ? "active" : "")}
className={"toolbar-item spaced rounded-md " + (isBold ? "active" : "")}
aria-label="Format Bold">
<i className="format bold" />
</button>
@ -458,7 +458,7 @@ export default function ToolbarPlugin(props: TextEditorProps) {
editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
}
}}
className={"toolbar-item spaced " + (isItalic ? "active" : "")}
className={"toolbar-item spaced rounded-md " + (isItalic ? "active" : "")}
aria-label="Format Italics">
<i className="format italic" />
</button>
@ -468,7 +468,7 @@ export default function ToolbarPlugin(props: TextEditorProps) {
<button
type="button"
onClick={insertLink}
className={"toolbar-item spaced " + (isLink ? "active" : "")}
className={"toolbar-item spaced rounded-md " + (isLink ? "active" : "")}
aria-label="Insert Link">
<i className="format link" />
</button>

1
packages/ui/components/editor/stylesEditor.css
View File

@ -129,7 +129,6 @@ pre::-webkit-scrollbar-thumb {
.toolbar button.toolbar-item {
border: 0;
display: flex;
border-radius: 10px;
padding: 8px;
cursor: pointer;
vertical-align: middle;