pinokiod 3.19.85 → 3.19.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/server/public/style.css +2 -0
  3. package/server/views/app.ejs +1 -0
  4. package/server/views/git.ejs +35 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pinokiod",
3
- "version": "3.19.85",
3
+ "version": "3.19.87",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/server/public/style.css CHANGED
@@ -803,9 +803,11 @@ body.dark .commander-dialog {
803
803
  padding: 20px;
804
804
  box-sizing: border-box;
805
805
  }
806
+ /*
806
807
  body.columns .ace_scroller {
807
808
  overflow: auto;
808
809
  }
810
+ */
809
811
  body.columns main {
810
812
  position: relative;
811
813
  }
package/server/views/app.ejs CHANGED
@@ -264,6 +264,7 @@ body.dark .header-btns {
264
264
  padding: 10px !important;
265
265
  */
266
266
  display: flex;
267
+ text-align: left;
267
268
  }
268
269
  .app-info .btn {
269
270
  width: 100%;
package/server/views/git.ejs CHANGED
@@ -24,15 +24,15 @@ body {
24
24
  height: 100%;
25
25
  }
26
26
  aside {
27
- min-width: 200px;
28
- position: sticky;
29
- top: 0;
27
+ width: 200px;
28
+ overflow: auto;
30
29
  }
31
30
  aside .item.selected {
32
31
  background: royalblue;
33
32
  color: white;
34
33
  }
35
34
  aside .item {
35
+ overflow-wrap: break-word;
36
36
  display: block;
37
37
  text-decoration: none;
38
38
  color: royalblue;
@@ -93,6 +93,7 @@ body.dark .changes {
93
93
  color: white;
94
94
  }
95
95
  .changes {
96
+ overflow: auto;
96
97
  height: 100%;
97
98
  flex-grow: 1;
98
99
  }
@@ -207,6 +208,35 @@ body.dark .empty {
207
208
  .flexible {
208
209
  flex-grow: 1;
209
210
  }
211
+
212
+ /* Firefox */
213
+ * {
214
+ scrollbar-width: thin;
215
+ scrollbar-color: rgba(0,0,0,0.2) transparent;
216
+ }
217
+
218
+ /* Chrome, Edge, and Safari */
219
+ *::-webkit-scrollbar {
220
+ width: 8px;
221
+ }
222
+
223
+ *::-webkit-scrollbar-track {
224
+ background: none;
225
+ }
226
+
227
+ *::-webkit-scrollbar-thumb {
228
+ background-color: rgba(0,0,0,0.2);
229
+ border-radius: 30px;
230
+ border: 7px solid rgba(0,0,0,0.2);
231
+ }
232
+
233
+ body.dark * {
234
+ scrollbar-color: rgba(255,255,255,0.3) transparent;
235
+ }
236
+ body.dark *::-webkit-scrollbar-thumb {
237
+ background-color: rgba(255,255,255,0.3);
238
+ border: 7px solid rgba(255,255,255,0.3);
239
+ }
210
240
  </style>
211
241
  </head>
212
242
  <body class='<%=theme%>' data-platform="<%=platform%>" data-agent="<%=agent%>">
@@ -215,7 +245,7 @@ body.dark .empty {
215
245
  <% if (connected) { %>
216
246
  <a href="/run/scripts/git/push.json?cwd=<%=encodeURIComponent(dir)%>" class='btn'><i class="fa-brands fa-github"></i> Publish to GitHub</a>
217
247
  <% } else { %>
218
- <a class='btn' data-redirect="/github" target="_blank">Publish to GitHub</a>
248
+ <a class='btn' data-redirect="/github" target="_blank"><i class="fa-brands fa-github"></i> Publish to GitHub</a>
219
249
  <% } %>
220
250
  <a href="/run/scripts/git/commit.json?cwd=<%=encodeURIComponent(dir)%>" class='btn'><i class="fa-solid fa-floppy-disk"></i> Commit (Save the current version)</a>
221
251
  <a href="<%=remote%>" target="_blank"><%=remote%></a>
@@ -223,7 +253,7 @@ body.dark .empty {
223
253
  <% if (connected) { %>
224
254
  <a href="/run/scripts/git/create.json?cwd=<%=encodeURIComponent(dir)%>" class='btn'><i class="fa-brands fa-github"></i> Create on GitHub</a>
225
255
  <% } else { %>
226
- <a class='btn' data-redirect="/github" target="_blank">Create on GitHub</a>
256
+ <a class='btn' data-redirect="/github" target="_blank"><i class="fa-brands fa-github"></i> Create on GitHub</a>
227
257
  <% } %>
228
258
  <a href="/run/scripts/git/commit.json?cwd=<%=encodeURIComponent(dir)%>" class='btn'><i class="fa-solid fa-floppy-disk"></i> Commit (Save the current version)</a>
229
259
  <% } %>
@@ -242,7 +272,6 @@ body.dark .empty {
242
272
  <h3><div class='flexible'>[<%= status %>] <%= file %></div><a class='btn' data-filepath="<%=path%>"><i class="fa-solid fa-arrow-up-right-from-square"></i> Open</a></h3>
243
273
  <% if (binary) { %>
244
274
  <div class="binary-notice">[Binary file <%= status %>]</div>
245
- <iframe src="<%=webpath%>"></iframe>
246
275
  <% } else { %>
247
276
  <div class="diff-block">
248
277
  <% diff.forEach(({ line, lineOld, lineNew, type }) => { %>