Mix Slider Fulllscreen With new Frame

RealLowMaster · Nov 22, 2021 · e295fe6 · e295fe6
1 parent 53505ac
commit e295fe6
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 35 deletions.
diff --git a/CSS/main.css b/CSS/main.css
@@ -272,7 +272,7 @@ input::-webkit-input-placeholder { user-select: none }
 	height: 100%;
 }
 
-#window > div:first-child {
+#window-menu:first-child {
 	display: grid;
 	grid-template-columns: 10fr 2fr;
 	width: 100%;
@@ -283,7 +283,7 @@ input::-webkit-input-placeholder { user-select: none }
 	z-index: 1;
 }
 
-#window > div:first-child > div:first-child {
+#window-menu:first-child > div:first-child {
 	display: flex;
 	align-items: center;
 	height: var(--topMenuSize);
@@ -292,25 +292,25 @@ input::-webkit-input-placeholder { user-select: none }
 	font-size: 14px;
 }
 
-#window > div:first-child > div:last-child {
+#window-menu:first-child > div:last-child {
 	display: flex;
 	height: var(--topMenuSize);
 	direction: rtl;
 }
 
-#window > div:first-child > div:last-child > button {
+#window-menu:first-child > div:last-child > button {
 	height: var(--topMenuSize);
 	-webkit-app-region: no-drag;
 	padding: 0 20px;
 	background-color: transparent;
 	color: #eee;
 }
 
-#window > div:first-child > div:last-child > button:hover {
+#window-menu:first-child > div:last-child > button:hover {
 	background-color: #333;
 }
 
-#window > div:first-child > div:last-child > button:first-child:hover {
+#window-menu:first-child > div:last-child > button:first-child:hover {
 	background-color: #E74C3C;
 }
 
@@ -1788,6 +1788,11 @@ input::-webkit-input-placeholder { user-select: none }
 	grid-template-rows: 210px 11fr;
 }
 
+#comic-slider[fullscreen] {
+	height: 100%;
+	top: 0;
+}
+
 #c-s-ov {
 	display: block;
 	width: 100%;

diff --git a/JS/slider.js b/JS/slider.js
@@ -146,13 +146,18 @@ function sliderImageBorderHighlighter() {
 }
 
 function toggleComicSliderScreen() {
-	const parent = document.getElementById('comic-slider').children[1]
+	const comic_slider = document.getElementById('comic-slider')
+	const parent = comic_slider.children[1]
 	if (ThisWindow.isFullScreen()) {
 		ThisWindow.setFullScreen(false)
 		parent.style.backgroundColor = '#000000f3'
+		comic_slider.removeAttribute('fullscreen')
+		document.getElementById('window-menu').style.display = 'grid'
 	} else {
 		ThisWindow.setFullScreen(true)
 		parent.style.backgroundColor = '#000'
+		comic_slider.setAttribute('fullscreen', true)
+		document.getElementById('window-menu').style.display = 'none'
 	}
 }
 

diff --git a/checkout.json b/checkout.json
diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@
 </head>
 <body>
 	<div id="window">
-		<div>
+		<div id="window-menu">
 			<div>X Comic Downloader v1.9.91</div>
 			<div>
 				<button type="button" onclick="closeApp()">X</button>

diff --git a/task.txt b/task.txt
@@ -108,7 +108,7 @@ Doing {
 }
 
 Tasks => {
-	Mix Slider Fulllscreen With new Frame
+	Add Ability To Play Song
 	Add Ability To Delete Comic Image
 	Add Email System
 	Fix Bug: Problem with Comics That have just 1 Image
@@ -146,8 +146,4 @@ Tasks => {
 		Add ReDownload Comic or A Picture
 		Add Jump to Picture to Comic Panel
 	}
-
-	Mybe Later {
-		Remove Electron Window Frame And Make a Custome One
-	}
 }