Opened 2 years ago
Last modified 2 years ago
#7373 new defect (bug)
WP Code Block Button is not properly sticky.
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Component: | Developer Hub | Keywords: | |
| Cc: |
Description
I have reviewed the get_permalink function details during found the "WP Code Block Button" is not properly sticky. When I scroll the content of the WP Code Block Button then WP Code Block Button sticky is overlaps the content. Please check the provided below screenshot.
screenshot: https://share.cleanshot.com/g7M26J6BbFSk6L66jnwB
Note: See
TracTickets for help on using
tickets.
For the above issues, the solution is need to remove the "--wp-global-header-height" variable in the below CSS.
Files: https://developer.wordpress.org/wp-content/themes/wporg-developer/stylesheets/prism.css
Added:
.wp-code-block-button-container { position: sticky; top: calc(var(--wp-admin--admin-bar--height)); z-index: 1; display: flex; justify-content: right; padding: 1rem; background: #fff; border-width: 1px 1px 0; border-style: solid; border-color: #dcdcde; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; }