pinokiod 3.50.0 → 3.52.0

package/server/public/serve/style.css

@@ -0,0 +1,308 @@
+* {
+  margin: 0;
+  padding: 0;
+  outline: 0;
+}
+
+body.dark {
+  background: rgb(27, 28, 29);
+}
+body.dark #open {
+  background: rgba(255,255,255,0.1);
+}
+body.dark a {
+  color: white;
+}
+body.dark ul#files li a:focus, body.dark ul#files li a:hover {
+  background: rgba(255,255,255,0.05);
+  border: 1px solid rgba(255,255,255,0.1);
+}
+body.dark ul#files li a.highlight {
+  background: none;
+}
+body.dark #search {
+  background: rgba(255,255,255,0.1);
+}
+
+body {
+  padding: 80px 100px;
+  font: 13px "Helvetica Neue", "Lucida Grande", "Arial";
+  /*
+  background: #ECE9E9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ECE9E9));
+  background: #ECE9E9 -moz-linear-gradient(top, #fff, #ECE9E9);
+  background-repeat: no-repeat;
+  */
+  color: #555;
+  -webkit-font-smoothing: antialiased;
+}
+h1, h2, h3 {
+  font-size: 22px;
+  color: #343434;
+}
+h1 em, h2 em {
+  padding: 0 5px;
+  font-weight: normal;
+}
+h1 {
+  font-size: 60px;
+}
+h2 {
+  margin-top: 10px;
+}
+h3 {
+  margin: 5px 0 10px 0;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #eee;
+  font-size: 18px;
+}
+ul li {
+  list-style: none;
+}
+ul li:hover {
+  cursor: pointer;
+  color: #2e2e2e;
+}
+ul li .path {
+  padding-left: 5px;
+  font-weight: bold;
+}
+ul li .line {
+  padding-right: 5px;
+  font-style: italic;
+}
+ul li:first-child .path {
+  padding-left: 0;
+}
+p {
+  line-height: 1.5;
+}
+a {
+  color: #555;
+  text-decoration: none;
+}
+a:hover {
+  color: #303030;
+}
+#stacktrace {
+  margin-top: 15px;
+}
+.directory h1 {
+  margin-bottom: 15px;
+  font-size: 18px;
+}
+ul#files {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+ul#files li {
+  float: left;
+  width: 30%;
+  line-height: 25px;
+  margin: 1px;
+}
+ul#files li a {
+  display: block;
+  height: 25px;
+  border: 1px solid transparent;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+ul#files li a:focus,
+ul#files li a:hover {
+  background: rgba(255,255,255,0.65);
+  border: 1px solid #ececec;
+}
+ul#files li a.highlight {
+  -webkit-transition: background .4s ease-in-out;
+  /*
+  background: #ffff4f;
+  border-color: #E9DC51;
+  */
+  background: aliceblue;
+  color: royalblue;
+  font-weight: bold;
+}
+#open {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  padding: 10px 20px;
+  border-radius: 20px;
+  background: black;
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+#search {
+  display: block;
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  width: 90px;
+  background: rgba(0,0,0,0.04);
+  -webkit-transition: width ease 0.2s, opacity ease 0.4s;
+  -moz-transition: width ease 0.2s, opacity ease 0.4s;
+  -webkit-border-radius: 32px;
+  -moz-border-radius: 32px;
+  /*
+  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
+  -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
+  */
+  -webkit-font-smoothing: antialiased;
+  text-align: left;
+  font: 13px "Helvetica Neue", Arial, sans-serif;
+  padding: 10px 20px;
+  border: none;
+  margin-bottom: 0;
+  outline: none;
+  opacity: 0.7;
+  color: #888;
+}
+#search:focus {
+  width: 120px;
+  opacity: 1.0; 
+}
+
+/*views*/
+#files span {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-indent: 10px;
+}
+#files .name {
+  background-repeat: no-repeat;
+}
+#files .icon .name {
+  text-indent: 28px;
+}
+
+/*tiles*/
+.view-tiles .name {
+  width: 100%;
+  background-position: 8px 5px;
+}
+.view-tiles .size,
+.view-tiles .date {
+  display: none;
+}
+
+/*details*/
+ul#files.view-details li {
+  float: none;
+  display: block;
+  width: 90%;
+}
+ul#files.view-details li.header {
+  height: 25px;
+  background: #000;
+  color: #fff;
+  font-weight: bold;
+}
+.view-details .header {
+  border-radius: 5px;
+}
+.view-details .name {
+  width: 60%;
+  background-position: 8px 5px;
+}
+.view-details .size {
+  width: 10%;
+}
+.view-details .date {
+  width: 30%;
+}
+.view-details .size,
+.view-details .date {
+  text-align: right;
+  direction: rtl;
+}
+
+/*mobile*/
+@media (max-width: 768px) {
+  body {
+    font-size: 13px;
+    line-height: 16px;
+    padding: 0;
+  }
+  #open {
+    position: static;
+    width: 100%;
+    border-radius: 0;
+  }
+  #search {
+    position: static;
+    width: 100%;
+    font-size: 1em;
+    line-height: 0.8em;
+    text-indent: 10px;
+    border: 0;
+    border-radius: 0;
+    padding: 10px 0;
+    margin: 0;
+  }
+  #search:focus {
+    width: 100%;
+    border: 0;
+    opacity: 1;
+  }
+  .directory h1 {
+    font-size: 1em;
+    line-height: 0.8em;
+    padding: 15px 10px;
+    margin: 0;
+  }
+  ul#files li {
+    float: none;
+    width: auto !important;
+    display: block;
+    /*
+    border-bottom: 1px solid #cacaca;
+    */
+    font-size: 1em;
+    line-height: 0.8em;
+    text-indent: 0;
+    margin: 0;
+  }
+  /*
+  ul#files li:nth-child(odd) {
+    background: #e0e0e0;
+  }
+  */
+  ul#files li a {
+    height: auto;
+    border: 0;
+    border-radius: 0;
+    padding: 15px 10px;
+  }
+  ul#files li a:focus,
+  ul#files li a:hover {
+    border: 0;
+  }
+  #files .header,
+  #files .size,
+  #files .date {
+    display: none !important;
+  }
+  #files .name {
+    float: none;
+    display: inline-block;
+    width: 100%;
+    text-indent: 0;
+    background-position: 0 50%;
+    padding: 1px;
+  }
+  #files .icon .name {
+    text-indent: 25px;
+  }
+  ul#files.searching li a {
+    display: none;
+  }
+  ul#files.searching li a.highlight {
+    display: block;
+  }
+}

package/server/public/style.css

@@ -801,6 +801,7 @@ body {
   font-family: Sans-serif;
   font-size: 14px;
   color: var(--light-color);
+  position: relative;
 }
 body.dark {
   color: var(--dark-color);
@@ -1688,9 +1689,14 @@ body.dark .swal2-title {
   background: none !important;
 }
 .swal2-modal button {
+/*
   background: none !important;
   padding: 5px 15px !important;
   font-size: 14px !important;
+  */
+  background: none;
+  padding: 5px 15px;
+  font-size: 14px;
 }
 .swal2-modal input:focus {
   outline: none !important;
@@ -2343,6 +2349,18 @@ body.dark .mode-selector .btn2.selected {
 }
 
 
+#dragger {
+  -webkit-app-region: drag;
+  cursor: grab;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 20px;
+  width: 100%;
+  z-index: 1000000000000;
+  display: none;
+}
 
 
 
@@ -2357,16 +2375,31 @@ body.minimized header .dropdown-content {
   top: unset;
   left: unset;
 }
+
+body.minimized.dark header h1 #close-window {
+  background: rgb(27, 28, 29);
+}
 body.minimized header h1 #close-window {
   order: 0;
+  background: white;
+  border-radius: 0;
+  position: sticky;
+  bottom: 0;
+  z-index: 10000000;
 }
 body.minimized header .home {
   display: block;
+  position: sticky;
+  top: 0;
 }
 body.minimized header {
-  padding: 10px 0 0;
+  padding: 10px 0 0 !important;
   overflow: auto;
   flex-shrink: 0;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
 }
 body.minimized header h1 .btn2 {
   padding: 10px;
@@ -2401,14 +2434,20 @@ body.minimized .appcanvas {
   padding-top: 20px;
 }
 body.minimized main {
+/*
   padding-top: 10px;
+  */
+  padding-left: 55px;
 }
 body.minimized main .container {
-  margin-left: 0;
+  margin-left: 10px !important;
 }
 body.minimized .app-icon {
   display: block; 
 }
+body.minimized #dragger {
+  display: block;
+}
 /*
 body.minimized aside {
   display: none;