tool-error-card.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. [data-component="card"][data-kind="tool-error-card"] {
  2. --card-pad-y: 8px;
  3. --card-line-pad: 12px;
  4. > [data-component="collapsible"].tool-collapsible {
  5. gap: 0px;
  6. }
  7. > [data-component="collapsible"].tool-collapsible[data-open="true"] {
  8. gap: 4px;
  9. }
  10. [data-component="tool-error-card-icon"] [data-component="icon"] {
  11. color: var(--card-accent);
  12. }
  13. [data-slot="tool-error-card-content"] {
  14. position: relative;
  15. padding-left: 24px;
  16. margin-bottom: 8px;
  17. -webkit-user-select: text;
  18. user-select: text;
  19. }
  20. > [data-component="collapsible"].tool-collapsible[data-open="true"] [data-slot="tool-error-card-content"] {
  21. padding-right: 40px;
  22. }
  23. [data-slot="tool-error-card-copy"] {
  24. position: absolute;
  25. top: 0;
  26. right: 0;
  27. opacity: 0;
  28. pointer-events: none;
  29. transition: opacity 0.15s ease;
  30. will-change: opacity;
  31. }
  32. &:hover [data-slot="tool-error-card-copy"],
  33. &:focus-within [data-slot="tool-error-card-copy"] {
  34. opacity: 1;
  35. pointer-events: auto;
  36. }
  37. [data-slot="tool-error-card-content"] :where(*)::selection {
  38. background: var(--surface-critical-base);
  39. color: var(--text-on-critical-base);
  40. }
  41. [data-slot="tool-error-card-content"] :where(*)::-moz-selection {
  42. background: var(--surface-critical-base);
  43. color: var(--text-on-critical-base);
  44. }
  45. }