rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Fixed issue where using table or image option in Super mobile toolbar would make uninteractive

Browse Source
This commit is contained in:
Aman Harwara
2023-09-20 20:52:01 +05:30
parent 0d15858b5f
commit ec61901aa5
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugins/MobileToolbarPlugin.tsx
View File

@@ -372,17 +372,17 @@ const MobileToolbarPlugin = () => {
}, [editor, updateEditorSelection])
const isFocusInEditorOrToolbar = isInEditor || isInToolbar || isInLinkEditor
if (!isMobile || !isFocusInEditorOrToolbar) {
return null
}
return (
<>
{modal}
<div className="bg-contrast" id="super-mobile-toolbar">
<div
className={classNames('bg-contrast', !isMobile || !isFocusInEditorOrToolbar ? 'hidden' : '')}
id="super-mobile-toolbar"
>
{isSelectionLink && (
<div
className="border-t border-border px-2 focus:outline-none focus:shadow-none"
className="border-t border-border px-2 focus:shadow-none focus:outline-none"
ref={linkEditorRef}
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
>
@@ -406,7 +406,7 @@ const MobileToolbarPlugin = () => {
return (
<StyledTooltip showOnMobile showOnHover label={item.name} key={item.name}>
<button
className="flex items-center justify-center rounded p-0.5 disabled:opacity-50 select-none hover:bg-default"
className="flex select-none items-center justify-center rounded p-0.5 hover:bg-default disabled:opacity-50"
aria-label={item.name}
onMouseDown={(event) => {
event.preventDefault()
@@ -420,7 +420,7 @@ const MobileToolbarPlugin = () => {
>
<div
className={classNames(
'flex items-center justify-center p-2 rounded transition-colors duration-75',
'flex items-center justify-center rounded p-2 transition-colors duration-75',
item.active && 'bg-info text-info-contrast',
)}
>