pinokiod 3.86.0 → 3.87.0

package/server/public/modalinput.js

@@ -106,7 +106,6 @@ const ModalInput = async (params, uri) => {
         let type = input.getAttribute("data-type")
         if (type !== 'file' && type !== 'checkbox') {
           response[field.key] = input.value
-          debugger
           if (field.required && input.value.length === 0) {
             alert(`${field.title || field.key} value must exist`) 
             return false

package/server/public/style.css

@@ -278,14 +278,24 @@ body.dark .type-tabs {
   height: 20px;
   margin-right: 5px;
 }
+body.dark .navheader2 {
+  background: rgba(255,255,255,0.2) !important;
+}
+body.dark .navheader2 .btn {
+  background: rgba(0,0,0,0.4);
+}
 .navheader2 {
 /*
   padding: 15px 10px;
   */
+  /*
   padding: 10px 0;
+  */
+  padding: 0 0 8px;
   /*
   background: white;
   */
+  background: rgba(0,0,0,0.06) !important;
 }
 .navheader {
   backdrop-filter: blur(16px);
@@ -798,6 +808,7 @@ form.search .btn.clone {
 }
 
 body {
+  height: 100%;
   box-sizing: border-box;
   margin: 0;
   font-family: Sans-serif;
@@ -2373,111 +2384,92 @@ body[data-agent='electron'] #dragger {
 }
 
 
-body.minimized {
-  display: flex;
-  flex-direction: row;
-}
-body.minimized header .dropdown-content {
-  position: relative;
-  min-width: unset;
-  top: unset;
-  left: unset;
-}
-
-body.minimized.dark header h1 #close-window {
-  background: #222;
-}
-body.minimized header h1 #close-window {
-  order: 0;
-  background: whitesmoke;
-  border-radius: 0;
-  position: sticky;
-  bottom: 0;
-  z-index: 10000000;
-}
-
-body.minimized.dark header h1 .dropdown {
-  background: #222;
-}
-body.minimized header h1 .dropdown {
-  position: sticky;
-  bottom: 38px;
-  background: whitesmoke;
-  border-radius: 0;
-}
-
-
-
-body.minimized header .home {
-  display: block;
-  position: sticky;
-  top: 0;
-}
-body.minimized header {
-  overflow: auto;
-  flex-shrink: 0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100%;
-}
-body.minimized header h1 .btn2 {
-  padding: 10px;
-  width: 100%;
-  box-sizing: border-box;
-}
-body.minimized header h1 {
-  height: 100%;
-  overflow: auto;
-  display: block;
-}
-body.minimized .mode-selector {
-  flex-direction: column;
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  align-items: stretch;
-  gap: 0;
-}
-body.minimized .mode-selector .btn2 {
-  width: unset;
-  padding: 10px;
-  border-radius: 0 !important;
-}
-body.minimized .mode-selector .caption {
-  display: none;
-}
-/*
-body.minimized .appcanvas, body.minimized main {
-*/
-/*
-body.minimized .appcanvas {
-  padding-top: 20px;
-}
-*/
-body.minimized main, body.minimized iframe.mainframe {
-/*
-  padding-top: 10px;
-  */
-  padding-left: 55px;
-}
-body.minimized main .container {
-  margin-left: 10px !important;
-}
-body.minimized .app-icon {
-  display: block; 
-}
-/*
-body.minimized #dragger {
-  display: block;
-}
-*/
-body.minimized aside .tab.submenu {
-  padding: 10px;
-}
-
-body.minimized[data-agent='electron'] header {
-  top: 26px;
+@media only screen and (max-width: 768px) {
+  body {
+    display: flex;
+    flex-direction: row;
+  }
+  header.navheader .dropdown-content {
+    position: relative;
+    min-width: unset;
+    top: unset;
+    left: unset;
+  }
+  body.dark header.navheader h1 #close-window {
+    background: #222;
+  }
+  header.navheader h1 #close-window {
+    order: 0;
+    background: whitesmoke;
+    border-radius: 0;
+    position: sticky;
+    bottom: 0;
+    z-index: 10000000;
+  }
+  body.dark header h1 .dropdown {
+    background: #222;
+  }
+  header.navheader h1 .dropdown {
+    position: sticky;
+    bottom: 38px;
+    background: whitesmoke;
+    border-radius: 0;
+  }
+  header.navheader .home {
+    display: block;
+    position: sticky;
+    top: 0;
+  }
+  header.navheader {
+    overflow: auto;
+    flex-shrink: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+  }
+  header.navheader h1 .btn2 {
+    padding: 10px;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  header.navheader h1 {
+    height: 100%;
+    overflow: auto;
+    display: block;
+  }
+  .mode-selector {
+    flex-direction: column;
+    padding: 0;
+    margin: 0;
+    border-radius: 0;
+    align-items: stretch;
+    gap: 0;
+  }
+  .mode-selector .btn2 {
+    width: unset;
+    padding: 10px;
+    border-radius: 0 !important;
+  }
+  .mode-selector .caption {
+    display: none;
+  }
+  main,
+  iframe.mainframe {
+    padding-left: 55px;
+  }
+  main .container {
+    margin-left: 10px !important;
+  }
+  .app-icon {
+    display: block;
+  }
+  aside .tab.submenu {
+    padding: 10px;
+  }
+  body[data-agent='electron'] header.navheader {
+    top: 26px;
+  }
 }
 body[data-agent='electron'] {
   padding-top: 26px;