@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.
@@ -1632,6 +1632,61 @@
1632
1632
  min-height: 0;
1633
1633
  overflow-y: auto;
1634
1634
  }
1635
+ .ra-shell .ra-sibling-context {
1636
+ display: flex;
1637
+ align-items: center;
1638
+ gap: 0.4rem;
1639
+ padding: 0.55rem 0.65rem;
1640
+ border-bottom: 1px solid hsl(var(--ra-border));
1641
+ background: hsl(var(--ra-surface));
1642
+ min-width: 0;
1643
+ }
1644
+ .ra-shell .ra-sibling-context-back {
1645
+ display: inline-flex;
1646
+ align-items: center;
1647
+ justify-content: center;
1648
+ width: 1.6rem;
1649
+ height: 1.6rem;
1650
+ border-radius: 0.35rem;
1651
+ border: 0;
1652
+ background: transparent;
1653
+ color: hsl(var(--ra-muted-text));
1654
+ cursor: pointer;
1655
+ flex-shrink: 0;
1656
+ transition: background .12s ease, color .12s ease;
1657
+ }
1658
+ .ra-shell .ra-sibling-context-back:hover {
1659
+ background: hsl(var(--ra-muted));
1660
+ color: hsl(var(--ra-text));
1661
+ }
1662
+ .ra-shell .ra-sibling-context-back:focus-visible {
1663
+ outline: none;
1664
+ box-shadow: 0 0 0 2px var(--ra-focus-ring);
1665
+ }
1666
+ .ra-shell .ra-sibling-context-label {
1667
+ display: flex;
1668
+ align-items: baseline;
1669
+ gap: 0.35rem;
1670
+ min-width: 0;
1671
+ font-size: 0.72rem;
1672
+ line-height: 1.2;
1673
+ }
1674
+ .ra-shell .ra-sibling-context-kind {
1675
+ font-weight: 600;
1676
+ color: hsl(var(--ra-text));
1677
+ flex-shrink: 0;
1678
+ }
1679
+ .ra-shell .ra-sibling-context-sep {
1680
+ color: hsl(var(--ra-muted-text));
1681
+ flex-shrink: 0;
1682
+ }
1683
+ .ra-shell .ra-sibling-context-summary {
1684
+ color: hsl(var(--ra-muted-text));
1685
+ white-space: nowrap;
1686
+ overflow: hidden;
1687
+ text-overflow: ellipsis;
1688
+ min-width: 0;
1689
+ }
1635
1690
  .ra-shell .ra-sibling-list {
1636
1691
  list-style: none;
1637
1692
  margin: 0;
@@ -1788,7 +1843,7 @@
1788
1843
  .ra-shell .ra-preview-reopen {
1789
1844
  position: absolute;
1790
1845
  top: 50%;
1791
- right: -1.25rem;
1846
+ right: 0;
1792
1847
  transform: translateY(-50%);
1793
1848
  z-index: 4;
1794
1849
  display: inline-flex;
@@ -1806,7 +1861,6 @@
1806
1861
  transform .14s ease,
1807
1862
  box-shadow .14s ease,
1808
1863
  background .12s ease,
1809
- right .14s ease,
1810
1864
  filter .12s ease;
1811
1865
  writing-mode: vertical-rl;
1812
1866
  font-size: 0.7rem;
@@ -1814,9 +1868,12 @@
1814
1868
  letter-spacing: 0.06em;
1815
1869
  text-transform: uppercase;
1816
1870
  }
1871
+ .ra-shell.ra-preview-reopen--floating,
1872
+ .ra-preview-reopen--floating {
1873
+ z-index: 50;
1874
+ pointer-events: auto;
1875
+ }
1817
1876
  .ra-shell .ra-preview-reopen:hover {
1818
- right: -1.4rem;
1819
- transform: translateY(-50%);
1820
1877
  filter: brightness(0.95);
1821
1878
  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
1822
1879
  }