Merge pull request #556 from shiguredo/feature/fix-video-overlay-z-index

オーバーレイ表示の z-index を調整する
shiguredo · Jun 19, 2024 · a0ce2a7 · a0ce2a7
2 parents aa50216 + b96fdfe
commit a0ce2a7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -11,6 +11,11 @@
 
 ## develop
 
+- [FIX] 映像のオーバーレイ表示の `z-index` を調整する
+  - @tnamao
+- [FIX] LocalVideo の overflow-y を hidden に設定し RemoteVideo とスタイルを揃える
+  - @tnamao
+
 ## 2024.1.4
 
 **2024-06-17**

diff --git a/src/components/Video/LocalVideo.tsx b/src/components/Video/LocalVideo.tsx
@@ -35,7 +35,7 @@ const VideoBox: React.FC = () => {
     <>
       <div className="d-flex">
         <div
-          className={`position-relative d-flex flex-nowrap align-items-start video-wrapper${
+          className={`position-relative d-flex flex-nowrap align-items-start video-wrapper overflow-y-hidden${
             focused ? ' spotlight-focused' : ''
           }`}
         >

diff --git a/src/pages/_app.css b/src/pages/_app.css
@@ -456,7 +456,7 @@ video {
   background-color: rgba(0, 0, 0, 0.3);
   border-radius: 0.5rem;
   color: white;
-  z-index: 1055;
+  z-index: 999;
 }
 
 .video-overlay .table-video-capabilities {