Fix: サイドバーを開いた状態だとツールパレットの位置がおかしいのを修正 (VOICEVOX#2396)

Co-authored-by: Hiroshiba <[email protected]>
sigprogramming · Dec 6, 2024 · 2407bfc · 2407bfc
1 parent 34c670c
commit 2407bfc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Sing/ScoreSequencer.vue b/src/components/Sing/ScoreSequencer.vue
@@ -1899,6 +1899,7 @@ const contextMenuData = computed<ContextMenuItemData[]>(() => {
   display: grid;
   grid-template-rows: 40px 1fr;
   grid-template-columns: 48px 1fr;
+  position: relative;
 }
 
 .sequencer-corner {

diff --git a/src/components/Sing/SequencerToolPalette.vue b/src/components/Sing/SequencerToolPalette.vue
@@ -97,10 +97,10 @@ defineEmits<{
   flex-direction: column;
   background: var(--scheme-color-surface);
   outline: 1px solid var(--scheme-color-outline-variant);
-  position: fixed;
-  top: 144px;
-  left: 72px;
-  z-index: 10;
+  position: absolute;
+  top: 56px;
+  left: 64px;
+  z-index: var(--z-index-sing-tool-palette);
   padding: 2px;
   border-radius: 24px;
   gap: 0;

diff --git a/src/styles/v2/variables.scss b/src/styles/v2/variables.scss
@@ -34,4 +34,5 @@ $z-index-sing-note: 10;
 $z-index-sing-note-lyric: 20;
 $z-index-sing-pitch: 30;
 $z-index-sing-playhead: 40;
-$z-index-sing-lyric-input: 50;
+$z-index-sing-tool-palette: 50;
+$z-index-sing-lyric-input: 60;