tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix overlay positioning

Browse Source
This commit is contained in:
Tamius Han 2024-12-27 04:40:30 +01:00
parent 35ca030dfb
commit 5d7d249fff
6 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/csui/PlayerOverlay.vue
View File

@ -1,6 +1,6 @@
<template>
<div
class="context-spawn debug-1"
class="context-spawn"
style="z-index: 1000;"
v-if="!triggerZoneEditorVisible"
>
@ -169,7 +169,7 @@
<div
v-if="triggerZoneEditorVisible"
class="context-spawn"
style="z-index: 1000; border: 2px dashed red"
style="z-index: 1000; border: 2px dashed red; overflow: hidden;"
>
<TriggerZoneEditor
class="uw-clickable"
@ -573,7 +573,7 @@ export default {
}
.uw-window {
position: absolute;
position: fixed;
top: 10%;
left: 10%;
@ -608,9 +608,15 @@ export default {
.context-spawn {
position: absolute;
top: 50%;
top: 0;
left: 0;
transform: translateY(-50%);
width: 100dvw;
height: 100dvh;
box-sizing: border-box;
overflow: hidden;
display: flex;
flex-direction: row;
align-content: center;
@ -618,8 +624,6 @@ export default {
// width: 100%;
// height: 100%;
padding: 2rem;
color: #fff;
// .context-item {

2
src/csui/csui-global.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en"; style="position: relative">
<head>
<meta charset="UTF-8">
<meta name="color-scheme" content="light dark">

4
src/csui/csui-overlay-dark.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" style="position: relative">
<head>
<meta charset="UTF-8">
<meta name="color-scheme" content="dark">
<title>Ultrawidify - Content Script User Interface (in-player overlay)</title>
<!-- <link rel="stylesheet" href="csui.css"> -->
</head>
<body class="uw-ultrawidify-container-root" style="background-color: transparent">
<body class="uw-ultrawidify-container-root" style="background-color: transparent;">
<div id="app"></div>
<script src="csui.js"></script>
</body>

4
src/csui/csui-overlay-light.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" style="position: relative">
<head>
<meta charset="UTF-8">
<meta name="color-scheme" content="light">
<title>Ultrawidify - Content Script User Interface (in-player overlay)</title>
<!-- <link rel="stylesheet" href="csui.css"> -->
</head>
<body class="uw-ultrawidify-container-root" style="background-color: transparent">
<body class="uw-ultrawidify-container-root" style="background-color: transparent;">
<div id="app"></div>
<script src="csui.js"></script>
</body>

4
src/csui/csui-overlay-normal.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" style="position: relative">
<head>
<meta charset="UTF-8">
<title>Ultrawidify - Content Script User Interface (in-player overlay)</title>
<!-- <link rel="stylesheet" href="csui.css"> -->
</head>
<body class="uw-ultrawidify-container-root" style="background-color: transparent">
<body class="uw-ultrawidify-container-root" style="background-color: transparent;">
<div id="app"></div>
<script src="csui.js"></script>
</body>

2
src/csui/csui-popup.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" style="position: relative">
<head>
<meta charset="UTF-8">
<title>Title</title>