@a83/orbiter-admin 0.3.33 → 0.3.34

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": "@a83/orbiter-admin",
3
- "version": "0.3.33",
3
+ "version": "0.3.34",
4
4
  "description": "Standalone admin server for Orbiter CMS",
5
5
  "type": "module",
6
6
  "main": "./src/server.js",
package/public/style.css CHANGED
@@ -2009,8 +2009,13 @@ a.xfce-sb-logo:hover { opacity: .8; }
2009
2009
  font-family: var(--mono); transition: color .15s;
2010
2010
  }
2011
2011
  .xfce-sb-logout:hover { color: var(--red); }
2012
- .xfce-sb-palette-btn { background: none; border: none; cursor: pointer; padding: 0 3px; font-size: 14px; color: var(--mid); line-height: 1; font-family: var(--mono); transition: color .15s; }
2013
- .xfce-sb-palette-btn:hover { color: var(--accent); }
2012
+ .xfce-sb-palette-btn {
2013
+ background: none; border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
2014
+ border-radius: 4px; cursor: pointer; padding: 1px 6px;
2015
+ font-size: 13px; color: var(--accent); line-height: 1.4;
2016
+ font-family: var(--mono); transition: background .15s;
2017
+ }
2018
+ .xfce-sb-palette-btn:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
2014
2019
 
2015
2020
  /* Draft badge on dock items */
2016
2021
  .xfce-dock-badge {
@@ -2044,19 +2049,30 @@ a.xfce-sb-logo:hover { opacity: .8; }
2044
2049
  /* ── Command Palette ─────────────────────────────────────── */
2045
2050
  .xfce-palette {
2046
2051
  display: none; position: fixed; inset: 0; z-index: 10000;
2047
- background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
2048
- align-items: flex-start; justify-content: center;
2049
- padding-top: 12vh;
2052
+ background: rgba(0,0,0,0);
2053
+ align-items: flex-end; justify-content: center;
2054
+ padding-bottom: calc(var(--dock-h, 76px) + 20px);
2055
+ transition: background .18s;
2056
+ }
2057
+ .xfce-palette.open {
2058
+ display: flex;
2059
+ background: rgba(0,0,0,.28);
2050
2060
  }
2051
- .xfce-palette.open { display: flex; }
2052
2061
 
2053
2062
  .xfce-palette-inner {
2054
2063
  width: min(560px, 92vw);
2055
2064
  background: var(--glass-bg, color-mix(in srgb, var(--bg1) 90%, transparent));
2056
2065
  border: 1px solid var(--line);
2057
2066
  border-radius: 12px;
2058
- box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
2067
+ box-shadow: 0 -2px 32px rgba(0,0,0,.25), 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
2059
2068
  overflow: hidden;
2069
+ transform: translateY(14px);
2070
+ opacity: 0;
2071
+ transition: transform .2s cubic-bezier(.34,1.15,.64,1), opacity .15s;
2072
+ }
2073
+ .xfce-palette.open .xfce-palette-inner {
2074
+ transform: translateY(0);
2075
+ opacity: 1;
2060
2076
  }
2061
2077
 
2062
2078
  .xfce-palette-bar {
package/public/xfce.js CHANGED
@@ -317,15 +317,24 @@
317
317
 
318
318
  function openPalette() {
319
319
  if (!palette) buildPalette();
320
- palette.classList.add('open');
320
+ palette.style.display = 'flex';
321
321
  paletteInp.value = '';
322
322
  palActive = -1;
323
323
  renderPalette('');
324
- setTimeout(function () { paletteInp.focus(); }, 30);
324
+ requestAnimationFrame(function () {
325
+ requestAnimationFrame(function () {
326
+ palette.classList.add('open');
327
+ setTimeout(function () { paletteInp.focus(); }, 40);
328
+ });
329
+ });
325
330
  }
326
331
 
327
332
  function closePalette() {
328
- if (palette) palette.classList.remove('open');
333
+ if (!palette) return;
334
+ palette.classList.remove('open');
335
+ setTimeout(function () {
336
+ if (!palette.classList.contains('open')) palette.style.display = 'none';
337
+ }, 200);
329
338
  }
330
339
 
331
340
  // ── Toast system ──────────────────────────────────────────────────────