From 27205d299ed254b1985433f7dc6c5f0e1de62dad Mon Sep 17 00:00:00 2001 From: Neriderc <89974636+Neriderc@users.noreply.github.com> Date: Sat, 17 May 2025 18:39:00 +1200 Subject: [PATCH 1/5] Add menu button to fullscreen --- resources/css/gvexport.css | 10 ++++++++++ resources/javascript/MainPage/UI.js | 7 +++++++ resources/views/page.phtml | 5 +++++ 3 files changed, 22 insertions(+) diff --git a/resources/css/gvexport.css b/resources/css/gvexport.css index 65ca44fd..cb3abb8a 100644 --- a/resources/css/gvexport.css +++ b/resources/css/gvexport.css @@ -310,6 +310,12 @@ span.NAME { right: 10px; text-align: center; } +#render_menu_container { + position: absolute; + top: 0; + left: 10px; + text-align: center; +} .fullscreen { font-size: 2.8em; @@ -322,6 +328,10 @@ span.NAME { .search_icon { font-size: 1.8em; } + +.menu-fullscreen { + font-size: 1.8em; +} @media screen and (max-device-width:480px) { .fullscreen { font-size: 2em; diff --git a/resources/javascript/MainPage/UI.js b/resources/javascript/MainPage/UI.js index a9c57285..da7632ba 100644 --- a/resources/javascript/MainPage/UI.js +++ b/resources/javascript/MainPage/UI.js @@ -1034,5 +1034,12 @@ const UI = { this.classList.remove('over'); return false; } + }, + + mainOptions: { + showOptionsFullscreen() { + let menu = document.getElementsByClassName('sidebar').item(0); + alert(menu); + } } }; diff --git a/resources/views/page.phtml b/resources/views/page.phtml index 9bd57700..a2f1455f 100644 --- a/resources/views/page.phtml +++ b/resources/views/page.phtml @@ -144,6 +144,11 @@ $usegraphviz = $vars['graphviz_bin'] != "";
+
+
+ +
+
⛶ From 2dd9f4b9a7adee9c14f719697cacb5cae0f3841b Mon Sep 17 00:00:00 2001 From: Neriderc <89974636+Neriderc@users.noreply.github.com> Date: Sat, 17 May 2025 19:46:03 +1200 Subject: [PATCH 2/5] Move menu to view + in render node Moved the options sidebar menu into it's own view, then loaded the view from the rendering element instead of outside this. Allows the menu to be shown when in fullscreen --- resources/css/gvexport.css | 1 - resources/javascript/MainPage/UI.js | 6 +- resources/views/MainPage/Sidebar.phtml | 111 +++++++++++++++++++++++++ resources/views/page.phtml | 105 +++-------------------- 4 files changed, 129 insertions(+), 94 deletions(-) create mode 100644 resources/views/MainPage/Sidebar.phtml diff --git a/resources/css/gvexport.css b/resources/css/gvexport.css index cb3abb8a..0d26c009 100644 --- a/resources/css/gvexport.css +++ b/resources/css/gvexport.css @@ -314,7 +314,6 @@ span.NAME { position: absolute; top: 0; left: 10px; - text-align: center; } .fullscreen { diff --git a/resources/javascript/MainPage/UI.js b/resources/javascript/MainPage/UI.js index da7632ba..61ae1ccd 100644 --- a/resources/javascript/MainPage/UI.js +++ b/resources/javascript/MainPage/UI.js @@ -1039,7 +1039,11 @@ const UI = { mainOptions: { showOptionsFullscreen() { let menu = document.getElementsByClassName('sidebar').item(0); - alert(menu); + if (menu.hidden) { + UI.showSidebar(); + } else { + UI.hideSidebar(); + } } } }; diff --git a/resources/views/MainPage/Sidebar.phtml b/resources/views/MainPage/Sidebar.phtml new file mode 100644 index 00000000..c437b372 --- /dev/null +++ b/resources/views/MainPage/Sidebar.phtml @@ -0,0 +1,111 @@ + + \ No newline at end of file diff --git a/resources/views/page.phtml b/resources/views/page.phtml index a2f1455f..ab4c512b 100644 --- a/resources/views/page.phtml +++ b/resources/views/page.phtml @@ -43,111 +43,32 @@ $usegraphviz = $vars['graphviz_bin'] != ""; -