finally fixed it maybe

2020-01-25 21:55:42 +01:00
parent 4036c83660
commit 5621c75dc0
2 changed files with 16 additions and 7 deletions
--- a/_layouts/page-screen.html
+++ b/_layouts/page-screen.html
@@ -2,7 +2,8 @@
 <html lang="en">
 	{% include head.html %}
 	<body>
-		<div class="screen-image">	
+		<div class="screen">
+			<div class="screen-image"></div>
 			<div class="screen-content crt">
 				<style>
 					.meta {
--- a/assets/css/crt-screen.css
+++ b/assets/css/crt-screen.css
@@ -2,18 +2,26 @@
 layout: none
 ---

-
-.screen-image{
+.screen{
+    position: relative;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
+    width: 1000px;
+    height: 830px;
+
+}
+
+.screen-image{
+    position: absolute;
    background-image: url({{site.baseurl}}/assets/images/crt2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    pointer-events: none;
-    width: 1000px;
-    height: 830px;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
 }

 .screen-content{
@@ -22,9 +30,9 @@ layout: none
    left: 117px;
    overflow-y: auto;
    overflow-x: hidden;
-    z-index: -1;
+    z-index: 1;
    width: 768px;
    height: 584px;
-    pointer-events: auto !important;
+    pointer-events: all;
    background: #241c11 !important;
 ;