pinokiod 3.19.86 → 3.19.88

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pinokiod",
3
- "version": "3.19.86",
3
+ "version": "3.19.88",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -78,7 +78,9 @@ body aside {
78
78
  */
79
79
  border-right: 1px solid rgba(0,0,0,0.04);
80
80
  height: 100%;
81
+ /*
81
82
  padding-bottom: 100px;
83
+ */
82
84
  box-sizing: border-box;
83
85
  }
84
86
  body.dark aside {
@@ -24,7 +24,8 @@ body {
24
24
  height: 100%;
25
25
  }
26
26
  aside {
27
- min-width: 200px;
27
+ width: 200px;
28
+ flex-shrink: 0;
28
29
  overflow: auto;
29
30
  }
30
31
  aside .item.selected {
@@ -84,15 +85,27 @@ main iframe {
84
85
  main img {
85
86
  width: 100%;
86
87
  }
88
+ main h2 i {
89
+ font-size: 24px;
90
+ margin-right: 5px;
91
+ }
87
92
  main h2 {
93
+ text-transform: uppercase;
94
+ display: flex;
95
+ align-items: center;
88
96
  padding: 10px;
89
97
  margin: 0;
90
- font-size: 16px;
98
+ font-size: 12px;
99
+ background: rgba(0,0,0,0.06);
100
+ }
101
+ body.dark main h2 {
102
+ background: rgba(0,0,0,0.4);
91
103
  }
92
104
  body.dark .changes {
93
105
  color: white;
94
106
  }
95
107
  .changes {
108
+ overflow: auto;
96
109
  height: 100%;
97
110
  flex-grow: 1;
98
111
  }
@@ -207,6 +220,35 @@ body.dark .empty {
207
220
  .flexible {
208
221
  flex-grow: 1;
209
222
  }
223
+
224
+ /* Firefox */
225
+ * {
226
+ scrollbar-width: thin;
227
+ scrollbar-color: rgba(0,0,0,0.2) transparent;
228
+ }
229
+
230
+ /* Chrome, Edge, and Safari */
231
+ *::-webkit-scrollbar {
232
+ width: 8px;
233
+ }
234
+
235
+ *::-webkit-scrollbar-track {
236
+ background: none;
237
+ }
238
+
239
+ *::-webkit-scrollbar-thumb {
240
+ background-color: rgba(0,0,0,0.2);
241
+ border-radius: 30px;
242
+ border: 7px solid rgba(0,0,0,0.2);
243
+ }
244
+
245
+ body.dark * {
246
+ scrollbar-color: rgba(255,255,255,0.3) transparent;
247
+ }
248
+ body.dark *::-webkit-scrollbar-thumb {
249
+ background-color: rgba(255,255,255,0.3);
250
+ border: 7px solid rgba(255,255,255,0.3);
251
+ }
210
252
  </style>
211
253
  </head>
212
254
  <body class='<%=theme%>' data-platform="<%=platform%>" data-agent="<%=agent%>">
@@ -231,7 +273,7 @@ body.dark .empty {
231
273
  <main>
232
274
  <% if (changes && changes.length > 0) { %>
233
275
  <aside>
234
- <h2><i class="fa-solid fa-code-compare"></i> Changes</h2>
276
+ <h2><i class="fa-brands fa-git-alt"></i> Changes</h2>
235
277
  <% changes.forEach(({ file, status, binary, diff, webpath }) => { %>
236
278
  <a class='item' data-selector="<%=file%>" href="#<%=file%>"><%=file%></a>
237
279
  <% }) %>