DisclosureRow.module.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* Shared disclosure header: [16px leading] gap 6 [title 14/24]. */
  2. .root {
  3. display: flex;
  4. flex-direction: column;
  5. width: 100%;
  6. min-width: 0;
  7. }
  8. .row {
  9. position: relative;
  10. overflow: hidden;
  11. display: flex;
  12. align-items: center;
  13. height: 24px;
  14. min-width: 0;
  15. }
  16. .row[data-expandable] {
  17. cursor: pointer;
  18. }
  19. .leading {
  20. position: relative;
  21. flex: none;
  22. width: 16px;
  23. height: 16px;
  24. display: inline-flex;
  25. align-items: center;
  26. justify-content: center;
  27. margin-right: 6px;
  28. padding: 0;
  29. border: none;
  30. background: none;
  31. color: var(--dsw-alias-label-tertiary);
  32. }
  33. button.leading {
  34. cursor: pointer;
  35. }
  36. .iconIdle {
  37. display: inline-flex;
  38. opacity: 1;
  39. transition: opacity 100ms ease;
  40. }
  41. .chevronHover {
  42. position: absolute;
  43. inset: 0;
  44. margin: auto;
  45. opacity: 0;
  46. transition: opacity 100ms ease;
  47. }
  48. .row:hover .iconIdle {
  49. opacity: 0;
  50. }
  51. .row:hover .chevronHover {
  52. opacity: 1;
  53. }
  54. .title {
  55. flex: none;
  56. font-size: 14px;
  57. line-height: 24px;
  58. color: var(--dsw-alias-label-secondary);
  59. }