@proveanything/smartlinks-utils-ui 0.10.0 → 0.10.3

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;
@@ -3478,10 +3533,12 @@
3478
3533
  white-space: nowrap;
3479
3534
  border: 0;
3480
3535
  }
3481
- .ra-shell .ra-preview-reopen {
3536
+ .ra-shell .ra-preview-reopen,
3537
+ .ra-shell.ra-preview-reopen,
3538
+ .ra-preview-reopen--floating {
3482
3539
  position: absolute;
3483
3540
  top: 50%;
3484
- right: -1.25rem;
3541
+ right: 0;
3485
3542
  transform: translateY(-50%);
3486
3543
  z-index: 4;
3487
3544
  display: inline-flex;
@@ -3499,7 +3556,6 @@
3499
3556
  transform .14s ease,
3500
3557
  box-shadow .14s ease,
3501
3558
  background .12s ease,
3502
- right .14s ease,
3503
3559
  filter .12s ease;
3504
3560
  writing-mode: vertical-rl;
3505
3561
  font-size: 0.7rem;
@@ -3507,17 +3563,26 @@
3507
3563
  letter-spacing: 0.06em;
3508
3564
  text-transform: uppercase;
3509
3565
  }
3566
+ .ra-shell.ra-preview-reopen--floating,
3567
+ .ra-preview-reopen--floating {
3568
+ z-index: 50;
3569
+ pointer-events: auto;
3570
+ }
3510
3571
  .ra-shell .ra-preview-reopen:hover {
3511
- right: -1.4rem;
3512
- transform: translateY(-50%);
3513
3572
  filter: brightness(0.95);
3514
3573
  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
3515
3574
  }
3516
- .ra-shell .ra-preview-reopen:focus-visible {
3575
+ .ra-preview-reopen--floating:hover {
3576
+ filter: brightness(0.95);
3577
+ box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
3578
+ }
3579
+ .ra-shell .ra-preview-reopen:focus-visible,
3580
+ .ra-preview-reopen--floating:focus-visible {
3517
3581
  outline: none;
3518
3582
  box-shadow: 0 0 0 3px var(--ra-focus-ring), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
3519
3583
  }
3520
- .ra-shell .ra-preview-reopen svg {
3584
+ .ra-shell .ra-preview-reopen svg,
3585
+ .ra-preview-reopen--floating svg {
3521
3586
  width: 0.85rem;
3522
3587
  height: 0.85rem;
3523
3588
  writing-mode: horizontal-tb;