pinokiod 3.157.0 → 3.159.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "3.157.0",
+  "version": "3.159.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/files-app/app.css

@@ -128,7 +128,7 @@
 }
 
 .files-app__sidebar {
-  width: 280px;
+  max-width: 280px;
   background: var(--sidebar-color);
   border-right: 1px solid var(--border-color);
   display: flex;

package/server/public/style.css

@@ -2094,6 +2094,7 @@ body.dark header .home {
 header .home {
   color: var(--light-color); 
   cursor: pointer !important;
+  padding: 0 5px;
 }
 /*
 .win {
@@ -2381,6 +2382,7 @@ body.dark .mode-selector .btn2.selected {
   body {
     display: flex;
     align-items: stretch;
+    flex-direction: row !important;
   }
   header.navheader .dropdown-content {
     position: relative;
@@ -2392,9 +2394,11 @@ body.dark .mode-selector .btn2.selected {
     background: #222;
   }
   header.navheader h1 #close-window {
-    order: 0;
+    order: 999;
     background: whitesmoke;
-    border-radius: 0;
+    border-radius: 30px;
+    margin-top: auto;
+    align-self: stretch;
     position: sticky;
     bottom: 0;
     z-index: 10000000;
@@ -2412,6 +2416,9 @@ body.dark .mode-selector .btn2.selected {
     display: block;
     position: sticky;
     top: 0;
+    align-self: flex-start;
+    padding: 5px 0;
+    z-index: 10000001;
   }
   header.navheader {
     overflow: auto;
@@ -2442,6 +2449,7 @@ body.dark .mode-selector .btn2.selected {
     flex: 1 1 auto;
     height: auto;
     overflow: auto;
+    flex-wrap: nowrap;
   }
   .mode-selector {
     flex-direction: column;

package/server/public/urldropdown.css

@@ -752,13 +752,14 @@ body.dark .urlbar input[type=url] {
   background: rgba(0,0,0,0.05);
   padding: 5px;
   flex-grow: 1;
-  margin: 0 5px;
+  margin: 5px 0;
+  border-radius: 10px;
 }
 .urlbar input[type=url] {
   background: rgba(0,0,0,0.05);
   border-radius: 6px;
   border: none;
-  padding: 7px;
+  padding: 8px 10px;
   width: 100%;
 }
 @media only screen and (max-width: 768px) {
@@ -770,8 +771,6 @@ body.dark .urlbar input[type=url] {
   }
   .mobile-link-button {
     display: block;
-    margin: 0;
-    border-radius: 0;
   }
 }
 .mobile-link-button {

package/server/public/urldropdown.js

@@ -652,7 +652,7 @@ function initUrlDropdown(config = {}) {
       try {
         const parsed = new URL(paneUrl);
         if (String(parsed.port) === '42000') {
-          window.open(paneUrl, '_blank', 'self');
+          location.href = paneUrl;
         } else {
           location.href = `/container?url=${encodeURIComponent(paneUrl)}`;
         }

package/server/views/app.ejs

@@ -2798,6 +2798,7 @@ body.dark .pinokio-fork-dropdown-remote, body.dark .pinokio-publish-dropdown-rem
     flex: 1 1 auto;
     height: auto;
     overflow: auto;
+    flex-wrap: nowrap;
   }
   .appcanvas {
     margin-left: 0;

package/server/views/shell.ejs

@@ -196,6 +196,11 @@ body.dark #status-window b {
   background: rgba(127, 91, 243, 0.9);
   transition: width 0.2s;
 }
+@media only screen and (max-width: 768px) {
+  body {
+    flex-direction: column !important;
+  }
+}
 </style>
 <link href="/terminal.css" rel="stylesheet"/>
 <script>

package/server/views/terminal.ejs

@@ -172,6 +172,11 @@ body.dark #status-window b {
 body.frozen {
   overflow: auto !important;
 }
+@media only screen and (max-width: 768px) {
+  body {
+    flex-direction: column !important;
+  }
+}
 </style>
 <link href="/terminal.css" rel="stylesheet"/>
 <script>