@proveanything/smartlinks-utils-ui 0.10.0 → 0.10.2

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.
@@ -3325,6 +3325,61 @@
3325
3325
  min-height: 0;
3326
3326
  overflow-y: auto;
3327
3327
  }
3328
+ .ra-shell .ra-sibling-context {
3329
+ display: flex;
3330
+ align-items: center;
3331
+ gap: 0.4rem;
3332
+ padding: 0.55rem 0.65rem;
3333
+ border-bottom: 1px solid hsl(var(--ra-border));
3334
+ background: hsl(var(--ra-surface));
3335
+ min-width: 0;
3336
+ }
3337
+ .ra-shell .ra-sibling-context-back {
3338
+ display: inline-flex;
3339
+ align-items: center;
3340
+ justify-content: center;
3341
+ width: 1.6rem;
3342
+ height: 1.6rem;
3343
+ border-radius: 0.35rem;
3344
+ border: 0;
3345
+ background: transparent;
3346
+ color: hsl(var(--ra-muted-text));
3347
+ cursor: pointer;
3348
+ flex-shrink: 0;
3349
+ transition: background .12s ease, color .12s ease;
3350
+ }
3351
+ .ra-shell .ra-sibling-context-back:hover {
3352
+ background: hsl(var(--ra-muted));
3353
+ color: hsl(var(--ra-text));
3354
+ }
3355
+ .ra-shell .ra-sibling-context-back:focus-visible {
3356
+ outline: none;
3357
+ box-shadow: 0 0 0 2px var(--ra-focus-ring);
3358
+ }
3359
+ .ra-shell .ra-sibling-context-label {
3360
+ display: flex;
3361
+ align-items: baseline;
3362
+ gap: 0.35rem;
3363
+ min-width: 0;
3364
+ font-size: 0.72rem;
3365
+ line-height: 1.2;
3366
+ }
3367
+ .ra-shell .ra-sibling-context-kind {
3368
+ font-weight: 600;
3369
+ color: hsl(var(--ra-text));
3370
+ flex-shrink: 0;
3371
+ }
3372
+ .ra-shell .ra-sibling-context-sep {
3373
+ color: hsl(var(--ra-muted-text));
3374
+ flex-shrink: 0;
3375
+ }
3376
+ .ra-shell .ra-sibling-context-summary {
3377
+ color: hsl(var(--ra-muted-text));
3378
+ white-space: nowrap;
3379
+ overflow: hidden;
3380
+ text-overflow: ellipsis;
3381
+ min-width: 0;
3382
+ }
3328
3383
  .ra-shell .ra-sibling-list {
3329
3384
  list-style: none;
3330
3385
  margin: 0;
@@ -3481,7 +3536,7 @@
3481
3536
  .ra-shell .ra-preview-reopen {
3482
3537
  position: absolute;
3483
3538
  top: 50%;
3484
- right: -1.25rem;
3539
+ right: 0;
3485
3540
  transform: translateY(-50%);
3486
3541
  z-index: 4;
3487
3542
  display: inline-flex;
@@ -3499,7 +3554,6 @@
3499
3554
  transform .14s ease,
3500
3555
  box-shadow .14s ease,
3501
3556
  background .12s ease,
3502
- right .14s ease,
3503
3557
  filter .12s ease;
3504
3558
  writing-mode: vertical-rl;
3505
3559
  font-size: 0.7rem;
@@ -3507,9 +3561,12 @@
3507
3561
  letter-spacing: 0.06em;
3508
3562
  text-transform: uppercase;
3509
3563
  }
3564
+ .ra-shell.ra-preview-reopen--floating,
3565
+ .ra-preview-reopen--floating {
3566
+ z-index: 50;
3567
+ pointer-events: auto;
3568
+ }
3510
3569
  .ra-shell .ra-preview-reopen:hover {
3511
- right: -1.4rem;
3512
- transform: translateY(-50%);
3513
3570
  filter: brightness(0.95);
3514
3571
  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
3515
3572
  }