From 42dfdc947efe68c6c99e5abe30e2258f835843fa Mon Sep 17 00:00:00 2001
From: ro <ro@h-i.works>
Date: Wed, 14 May 2025 15:01:53 -0600
Subject: [PATCH] responsive pass for page edit ui

there were a couple of glaring issues with the responsiveness of the new
page ui layout, so some of the bigger ones have been addressed

there's was also a bug where the sub-menu options weren't getting picked
up when being assigned in the script. fixed
---
 public/assets/css/dash/page-editor.css        | 22 ++++++++++++++-
 .../dash/app/controllers/PageEditor.js        | 28 +++++++++++--------
 resources/views/includes/nav.blade.php        |  4 +++
 3 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/public/assets/css/dash/page-editor.css b/public/assets/css/dash/page-editor.css
index b195119..7de7db9 100644
--- a/public/assets/css/dash/page-editor.css
+++ b/public/assets/css/dash/page-editor.css
@@ -224,7 +224,7 @@ main > div.text-editor-control {
   grid-template-columns: repeat(8, 1fr);
   position: absolute;
   z-index: 400;
-  left: 35px;
+  left: 10px;
   top: 105px;
   transition: all 0.2s linear;
 }
@@ -309,6 +309,21 @@ main section.text-editor div.edit-post-wrapper pre code {
 }
 
 @media only screen and (max-width: 480px) {
+  section.meta {
+    grid-template-columns: 100%;
+    top: 390px;
+  }
+
+  button#files-upload {
+    width: 85%;
+    font-size: 0.95em;
+  }
+
+  main > section > div.file-manager > div.page-images-list > div,
+  main > section > div.file-manager > div.page-files-list > div {
+    height: 110px;
+  }
+
   main > div.file-manager > div.page-images-list,
   main > div.file-manager > div.page-files-list {
     grid-template-columns: 1fr 1fr 1fr;
@@ -352,6 +367,11 @@ main section.text-editor div.edit-post-wrapper pre code {
     font-size: 0.8em;
   }
 
+  main > section.text-editor .page-title #post-title-text {
+    font-size: 1.2em;
+    height: 40px;
+  }
+
   .control-freeze {
     width: 96%;
   }
diff --git a/public/assets/scripts/dash/app/controllers/PageEditor.js b/public/assets/scripts/dash/app/controllers/PageEditor.js
index 0975fc8..3a0e2ce 100644
--- a/public/assets/scripts/dash/app/controllers/PageEditor.js
+++ b/public/assets/scripts/dash/app/controllers/PageEditor.js
@@ -133,21 +133,25 @@ export default class PostEditor {
 				);
 			}
 		}
-		let metabtn = document.getElementById('meta-info-toggle');
+		let metabtn = document.getElementById('');
+
+		let metas = document.querySelectorAll('#meta-info-toggle');
 		let meta = document.querySelector('.meta');
-		metabtn.addEventListener('click', e => {
-			let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
-			if (metaO == 0) {
-				meta.classList.remove('hide-el');
-				meta.classList.add('show-grid');
-			} else {
-				meta.classList.add('hide-el');
-				meta.classList.remove('show-grid');
-			}
-		});
+		for (var i = 0, length = metas.length; i < length; i++) {
+			metas[i].addEventListener('click', e => {
+				console.log('CLICK');
+				let metaO = window.getComputedStyle(meta).getPropertyValue('opacity');
+				if (metaO == 0) {
+					meta.classList.remove('hide-el');
+					meta.classList.add('show-grid');
+				} else {
+					meta.classList.add('hide-el');
+					meta.classList.remove('show-grid');
+				}
+			});
+		}
 
 		document.getElementById('files-upload').addEventListener('click', e => {
-			console.log('TOUCHED');
 			document.getElementById('page-files-upload').click();
 		});
 	}
diff --git a/resources/views/includes/nav.blade.php b/resources/views/includes/nav.blade.php
index e082dc1..f9a0b7d 100644
--- a/resources/views/includes/nav.blade.php
+++ b/resources/views/includes/nav.blade.php
@@ -45,6 +45,10 @@
         @case("Start") 
         @include('includes.submenu-start') 
         @break
+
+        @case("Edit Page") 
+        @include('includes.submenu-edit-page') 
+        @break
     @endswitch
     <a id="settings" class="main-nav-secondary-highlight" href="/dashboard/settings" title="settings">
         <svg id="nav-settings-icon" class="icon">