Ensure top heading action icon is to right when width allows #2076
Conversation
|
📦 Docs artifacts are ready: https://github.com/elixir-lang/ex_doc/actions/runs/12994716408/artifacts/2492250034 |
| flex-wrap: nowrap; | ||
| gap: 32px; | ||
| align-items: flex-start; | ||
| .icon-action { |
There was a problem hiding this comment.
I think this is invalid, as we are not using a preprocessor, so I want ahead and remove it, as it seems not necessary. Please double check.
There was a problem hiding this comment.
Nested selectors are now supported in CSS.
There was a problem hiding this comment.
Correcting my edited comment: the flex-start and padding-top is necessary for correct vertical alignment when the heading runs into two lines or more.
There was a problem hiding this comment.
Oh, fantastic, I will add it back! The tooling is complaining, so we may need to either update it or move it to the top. Thanks!
There was a problem hiding this comment.
@DavidOliver this seems to do the trick: b0a2412
There was a problem hiding this comment.
Great - thanks!
Only
top-headingheadings are affected, and only when content is wider than 600px.Callback/function headings have not been changed; they continue to always wrap so as to prioritise text display.
A container has been registered in the layout styles, meaning that we can easily conditionally apply styles based on the content width irrespective of whether or not the sidebar is shown.
simplescreenrecorder-2025-01-27_18.13.53.mp4