locking
This commit is contained in:
@@ -180,7 +180,7 @@ function AppLayout(props: { children: any }) {
|
|||||||
<div class="flex max-w-screen flex-row">
|
<div class="flex max-w-screen flex-row">
|
||||||
<LeftBar />
|
<LeftBar />
|
||||||
<div
|
<div
|
||||||
class="bg-base relative h-screen overflow-y-scroll rounded-t-lg pt-16 shadow-2xl"
|
class="bg-base relative h-screen overflow-x-hidden overflow-y-scroll rounded-t-lg pt-16 shadow-2xl"
|
||||||
style={{
|
style={{
|
||||||
width: `${centerWidth()}px`,
|
width: `${centerWidth()}px`,
|
||||||
"margin-left": `${leftBarSize()}px`
|
"margin-left": `${leftBarSize()}px`
|
||||||
|
|||||||
@@ -934,7 +934,7 @@ export default function TextEditor(props: TextEditorProps) {
|
|||||||
<Show when={showBubbleMenu()}>
|
<Show when={showBubbleMenu()}>
|
||||||
<div
|
<div
|
||||||
ref={bubbleMenuRef}
|
ref={bubbleMenuRef}
|
||||||
class="bg-mantle text-text fixed z-50 w-fit rounded p-2 text-sm whitespace-nowrap shadow-lg"
|
class="bg-mantle text-text fixed z-[110] w-fit rounded p-2 text-sm whitespace-nowrap shadow-lg"
|
||||||
style={{
|
style={{
|
||||||
top: `${bubbleMenuPosition().top}px`,
|
top: `${bubbleMenuPosition().top}px`,
|
||||||
left: `${bubbleMenuPosition().left}px`,
|
left: `${bubbleMenuPosition().left}px`,
|
||||||
@@ -1180,7 +1180,7 @@ export default function TextEditor(props: TextEditorProps) {
|
|||||||
{/* Language Selector Dropdown */}
|
{/* Language Selector Dropdown */}
|
||||||
<Show when={showLanguageSelector()}>
|
<Show when={showLanguageSelector()}>
|
||||||
<div
|
<div
|
||||||
class="language-selector bg-mantle text-text border-surface2 fixed z-50 max-h-64 w-48 overflow-y-auto rounded border shadow-lg"
|
class="language-selector bg-mantle text-text border-surface2 fixed z-[110] max-h-64 w-48 overflow-y-auto rounded border shadow-lg"
|
||||||
style={{
|
style={{
|
||||||
top: `${languageSelectorPosition().top}px`,
|
top: `${languageSelectorPosition().top}px`,
|
||||||
left: `${languageSelectorPosition().left}px`
|
left: `${languageSelectorPosition().left}px`
|
||||||
@@ -1203,7 +1203,7 @@ export default function TextEditor(props: TextEditorProps) {
|
|||||||
{/* Table Grid Selector */}
|
{/* Table Grid Selector */}
|
||||||
<Show when={showTableMenu()}>
|
<Show when={showTableMenu()}>
|
||||||
<div
|
<div
|
||||||
class="table-menu fixed z-50"
|
class="table-menu fixed z-[110]"
|
||||||
style={{
|
style={{
|
||||||
top: `${tableMenuPosition().top}px`,
|
top: `${tableMenuPosition().top}px`,
|
||||||
left: `${tableMenuPosition().left}px`
|
left: `${tableMenuPosition().left}px`
|
||||||
@@ -1216,7 +1216,7 @@ export default function TextEditor(props: TextEditorProps) {
|
|||||||
{/* Mermaid Template Selector */}
|
{/* Mermaid Template Selector */}
|
||||||
<Show when={showMermaidTemplates()}>
|
<Show when={showMermaidTemplates()}>
|
||||||
<div
|
<div
|
||||||
class="mermaid-menu bg-mantle text-text border-surface2 fixed z-50 max-h-96 w-56 overflow-y-auto rounded border shadow-lg"
|
class="mermaid-menu bg-mantle text-text border-surface2 fixed z-[110] max-h-96 w-56 overflow-y-auto rounded border shadow-lg"
|
||||||
style={{
|
style={{
|
||||||
top: `${mermaidMenuPosition().top}px`,
|
top: `${mermaidMenuPosition().top}px`,
|
||||||
left: `${mermaidMenuPosition().left}px`
|
left: `${mermaidMenuPosition().left}px`
|
||||||
@@ -1667,7 +1667,7 @@ export default function TextEditor(props: TextEditorProps) {
|
|||||||
{/* Keyboard Help Modal */}
|
{/* Keyboard Help Modal */}
|
||||||
<Show when={showKeyboardHelp()}>
|
<Show when={showKeyboardHelp()}>
|
||||||
<div
|
<div
|
||||||
class="bg-opacity-50 fixed inset-0 z-[100] flex items-center justify-center bg-black"
|
class="bg-opacity-50 fixed inset-0 z-[110] flex items-center justify-center bg-black"
|
||||||
onClick={() => setShowKeyboardHelp(false)}
|
onClick={() => setShowKeyboardHelp(false)}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user