ポップアップが画面の端に来ると表示が壊れる不具合の修正およびポップアップがツールバーより上に来るように修正

traPtitech · Jan 6, 2025 · 7c3878d · 7c3878d
1 parent 6bbdefe
commit 7c3878d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/components/Main/MainView/MessageElement/StampElement.vue b/src/components/Main/MainView/MessageElement/StampElement.vue
@@ -141,5 +141,6 @@ const { isHovered, onMouseEnter, onMouseLeave } = useHover()
   contain: content;
   position: absolute;
   bottom: 105%;
+  z-index: $z-index-message-element-scaled-stamp;
 }
 </style>
diff --git a/src/components/Main/MainView/MessageElement/StampScaledElement.vue b/src/components/Main/MainView/MessageElement/StampScaledElement.vue
@@ -46,6 +46,7 @@ const props = defineProps<{
 .detail {
   color: var(--specific-count-text);
   @include color-ui-primary;
+  flex: 1 1 0;
   max-width: 500px;
   min-width: 0;
   overflow: hidden;

diff --git a/src/styles/_z-index.scss b/src/styles/_z-index.scss
@@ -10,6 +10,7 @@ $z-index-message-loading: 2;
 
 $z-index-message-element-tools: 3;
 $z-index-message-element-tools-menu: 5;
+$z-index-message-element-scaled-stamp: 7;
 
 $z-index-main-view-wrapper: 10;
 $z-index-sidebar-wrapper: 11;