Making WordPress.org

Opened 12 months ago

Last modified 12 months ago

#7373 new defect (bug)

WP Code Block Button is not properly sticky.

Reported by: upadalavipul's profile upadalavipul 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

Change History (1)

#1 @upadalavipul
12 months ago

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;
}
Note: See TracTickets for help on using tickets.