| /* Accessibility fixes for tooltip text spacing and other a11y improvements */ | |
| /* Fix tooltip text spacing inheritance - Issue #11442 */ | |
| .tooltipped { | |
| &::before, | |
| &::after { | |
| /* Allow tooltips to inherit user's custom text spacing preferences */ | |
| letter-spacing: inherit ; | |
| word-spacing: inherit ; | |
| line-height: inherit ; | |
| } | |
| } | |
| /* Enhanced focus indicators for high contrast mode */ | |
| @media (prefers-contrast: high) { | |
| .tooltipped { | |
| &:focus-visible::before, | |
| &:focus-visible::after { | |
| outline: 2px solid var(--color-focus-outset); | |
| outline-offset: 2px; | |
| } | |
| } | |
| } | |
| /* Responsive tooltip text for Copilot prompt links */ | |
| /* Show long tooltip text on small screens and up (544px+) */ | |
| .copilot-prompt-long { | |
| display: none; | |
| visibility: hidden; | |
| @media (min-width: 544px) { | |
| display: inline-block; | |
| visibility: visible; | |
| } | |
| } | |
| /* Show short tooltip text only on extra small screens (below 544px) */ | |
| .copilot-prompt-short { | |
| display: inline-block; | |
| visibility: visible; | |
| @media (min-width: 544px) { | |
| display: none; | |
| visibility: hidden; | |
| } | |
| } | |