Make History Checkboxs Hitbox Bigger

RealLowMaster · Feb 13, 2022 · 521b99d · 521b99d
1 parent 14e6b57
commit 521b99d
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 14 deletions.
diff --git a/CSS/browser.css b/CSS/browser.css
@@ -418,6 +418,15 @@
 	position: relative;
 }
 
+#b-h-p-h-c > div > div:last-child > div > div {
+	height: 100%;
+	width: 35px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: pointer;
+}
+
 #b-h-p-h-c > div > div:last-child > div > input {
 	width: 15px;
 	height: 15px;

diff --git a/CSS/main.css b/CSS/main.css
@@ -1173,7 +1173,8 @@ input::-webkit-input-placeholder { user-select: none }
 
 /* Download Panel */
 #download-panel {
-	display: block;
+	display: grid;
+	grid-template-rows: 40px 11fr;
 	width: 100%;
 	height: calc(100% - var(--topMenuSize));
 	background-color: var(--obr-con-bgc);
@@ -1188,6 +1189,12 @@ input::-webkit-input-placeholder { user-select: none }
 
 #download-panel[active] { left: 0 }
 
+#d-p-m {
+	display: flex;
+	align-items: center;
+	position: relative;
+}
+
 #d-p-t {
 	display: none;
 	width: 35px;
@@ -1216,17 +1223,18 @@ input::-webkit-input-placeholder { user-select: none }
 	width: 30px;
 	height: 30px;
 	color: var(--black-white);
-	position: sticky;
-	top: 10px;
+	position: absolute;
 	right: 10px;
-	float: right;
-	left: auto;
 	cursor: pointer;
 }
 
 #d-p-c-btn > svg { width: 100%; height: 100% }
 #d-p-c-btn:hover { color: #f00 }
-#d-p-c { padding: 30px 0 }
+
+#d-p-c {
+	padding: 30px 0;
+	overflow-y: auto;
+}
 
 #d-p-c > div {
 	display: flex;

diff --git a/JS/browser.js b/JS/browser.js
@@ -3,7 +3,7 @@ const browserPasteMenu = document.getElementById('browser-paste-menu')
 const bjp = document.getElementById('browser-jump-page-container')
 const bjp_i = document.getElementById('bjp-i')
 const bjp_m_p = document.getElementById('bjp-m-p')
-let browserHistoryIndex = 0, browserHistoryRowOpElement, br_history_selected_inputs = [], br_history_selected_indexs = [], resizeTabTimer, active_site = null, historyObserver, historyLaodCounter = 0, br_cmenu_info = null
+let browserHistoryIndex = 0, browserHistoryRowOpElement, br_history_selected_inputs = [], br_history_selected_indexs = [], resizeTabTimer, active_site = null, historyObserver, historyLaodCounter = 0, br_cmenu_info = null, brh_cb_save = null
 
 function openBrowser() {
 	keydownEventIndex = 3
@@ -770,6 +770,9 @@ function loadMoreHistory() {
 					element.setAttribute('h', passHistory[j][1])
 					element.setAttribute('onclick', 'browserHistorySelect(this)')
 					container.appendChild(element)
+					element = document.createElement('div')
+					element.setAttribute('onclick', 'this.parentElement.children[0].click()')
+					container.appendChild(element)
 					element = document.createElement('img')
 					element.src = 'Image/sites/'+sites[passHistory[j][0][1][3]].name+'-30x30.jpg'
 					container.appendChild(element)
@@ -817,6 +820,9 @@ function loadMoreHistory() {
 					element.setAttribute('h', passHistory[j][1])
 					element.setAttribute('onclick', 'browserHistorySelect(this)')
 					container.appendChild(element)
+					element = document.createElement('div')
+					element.setAttribute('onclick', 'this.parentElement.children[0].click()')
+					container.appendChild(element)
 					element = document.createElement('img')
 					element.src = 'Image/sites/'+sites[passHistory[j][0][1][3]].name+'-30x30.jpg'
 					container.appendChild(element)

diff --git a/index.html b/index.html
@@ -764,14 +764,14 @@ <h1>Export Comic</h1>
 
 	<!-- Download Panel -->
 	<div id="download-panel">
-		<br>
-		<button class="btn btn-primary" style="padding:7px 10px;margin-left:10px" onclick="Downloader.ResumeAll()">Play All</button>
-		<button class="btn btn-danger" style="padding:7px 10px" onclick="Downloader.PauseAll()">Pause All</button>
-
-		<div id="d-p-t" onclick="Downloader.OpenPanel()"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg></div>
+		<div id="d-p-m">
+			<button class="btn btn-primary" style="padding:7px 10px;margin-left:10px" onclick="Downloader.ResumeAll()">Play All</button>
+			<button class="btn btn-danger" style="padding:7px 10px" onclick="Downloader.PauseAll()">Pause All</button>
 
-		<div id="d-p-c-btn" onclick="Downloader.ClosePanel()"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><g><path fill="currentColor" d="M9.21,356.07a31.46,31.46,0,0,0,0,44.48l22.24,22.24a31.46,31.46,0,0,0,44.48,0L176,322.72,109.28,256ZM342.79,111.45,320.55,89.21a31.46,31.46,0,0,0-44.48,0L176,189.28,242.72,256,342.79,155.93a31.46,31.46,0,0,0,0-44.48Z" style="opacity:.5"></path><path fill="currentColor" d="M342.79,356.07a31.46,31.46,0,0,1,0,44.48l-22.24,22.24a31.46,31.46,0,0,1-44.48,0L9.21,155.93a31.46,31.46,0,0,1,0-44.48L31.45,89.21a31.46,31.46,0,0,1,44.48,0Z"></path></g></svg></div>
+			<div id="d-p-t" onclick="Downloader.OpenPanel()"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg></div>
 
+			<div id="d-p-c-btn" onclick="Downloader.ClosePanel()"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><g><path fill="currentColor" d="M9.21,356.07a31.46,31.46,0,0,0,0,44.48l22.24,22.24a31.46,31.46,0,0,0,44.48,0L176,322.72,109.28,256ZM342.79,111.45,320.55,89.21a31.46,31.46,0,0,0-44.48,0L176,189.28,242.72,256,342.79,155.93a31.46,31.46,0,0,0,0-44.48Z" style="opacity:.5"></path><path fill="currentColor" d="M342.79,356.07a31.46,31.46,0,0,1,0,44.48l-22.24,22.24a31.46,31.46,0,0,1-44.48,0L9.21,155.93a31.46,31.46,0,0,1,0-44.48L31.45,89.21a31.46,31.46,0,0,1,44.48,0Z"></path></g></svg></div>
+		</div>
 		<div id="d-p-c"></div>
 	</div>
 </body>

diff --git a/task.txt b/task.txt
@@ -102,10 +102,11 @@ Added To Version {
 	Optimize Have Database and its System
 	Merge Collections To Normal Gallery View
 	Change Slider System and Fix Some Bugs
-	Make Image Stop Loading System Work Better
 	Add Comic Properties
 	Add Download Button To nhentai Related Comics
 	Add More Choose Location Checkup
+	Make Image Stop Loading System Work Better
+	Make History Checkboxs Hitbox Bigger
 }
 
 Tasks => {