Merge pull request #482 from vincent-peugnet/workspace-menu-in-hbar-s…

…ection

Workspace menu is always in hbar-section, fix #480

app/view/templates/homemenu.php

@@ -523,6 +523,9 @@
                 <?php endif ?>
             </div>
         </details>
+    </div>
+
+    <div class="hbar-section">
 
         <div id="save-workspace">
             <form

app/view/templates/mediamenu.php

@@ -142,6 +142,9 @@
                 </form>
             </div>
         </details>
+    </div>
+
+    <div class="hbar-section">
 
         <div id="save-workspace">
             <form

assets/css/base.css

@@ -18,7 +18,6 @@ topbar
 navbar 
 toggle panels (collapsibles) 
 delete 
-workspace button (no-js) 
 media queries 
 flash messages 
 
@@ -492,14 +491,6 @@ input.toggle-panel-toggle {
     padding: var(--spacing);
 }
 
-/* --------------------------------------------------------- workspace button (no-js) */
-#save-workspace {
-    position: absolute;
-    right: var(--spacing);
-}
-.js #save-workspace {
-    display: none;
-}
 /* --------------------------------------------------------- media queries */
 
 

src/fn/fn.js

@@ -91,11 +91,9 @@ export function initWorkspaceForm() {
     for (const input of inputs) {
         input.oninput = workspaceChanged;
     }
-    let submits = form.querySelectorAll('[type="submit"]');
-    for (const submit of submits) {
-        if (submit instanceof HTMLElement) {
-            submit.style.display = 'none';
-        }
+    let saveworkspace = document.getElementById('save-workspace');
+    if (saveworkspace instanceof HTMLElement) {
+        saveworkspace.style.display = 'none';
     }
 
     form.addEventListener('submit', function(event) {