Skip to content

Commit

Permalink
removed class name selector from back-to-top component
Browse files Browse the repository at this point in the history
  • Loading branch information
noelenwenede committed Nov 9, 2021
1 parent a1afa66 commit 7075f90
Showing 1 changed file with 2 additions and 14 deletions.
16 changes: 2 additions & 14 deletions components/x-live-blog-post/src/LiveBlogPost.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,16 +32,10 @@ const LiveBlogPost = (props) => {
return ref.includes('#') ? ref : `#${ref}`
}
BackToTopComponent = (
/**
* (Ref: LBPC101) The class name `live-blog-post-controls__back-to-top-link` has been added to help consumers
* of this component select and override css behaviours if it is required. Due to modularization.
* the generated classnames will be differen on different releases so this addition provides a steady
* selector for overrides
*/
<a
href={processTopRef(backToTop)}
aria-labelledby="Back to top"
className={`live-blog-post-controls__back-to-top-link ${styles['live-blog-post-controls__back-to-top-link']}`}
className={styles['live-blog-post-controls__back-to-top-link']}
>
Back to top
</a>
Expand All @@ -50,13 +44,10 @@ const LiveBlogPost = (props) => {

if (typeof backToTop === 'function') {
BackToTopComponent = (
/**
* (Ref: LBPC101) Override class name `live-blog-post-controls__back-to-top-button`
*/
<button
onClick={backToTop}
aria-labelledby="Back to top"
className={`live-blog-post-controls__back-to-top-button ${styles['live-blog-post-controls__back-to-top-button']}`}
className={styles['live-blog-post-controls__back-to-top-button']}
>
Back to top
</button>
Expand All @@ -65,9 +56,6 @@ const LiveBlogPost = (props) => {
}

return (
/**
* (Ref: LBPC101) Override class name `live-blog-post`
*/
<article
className={`live-blog-post ${styles['live-blog-post']}`}
data-trackable="live-post"
Expand Down

0 comments on commit 7075f90

Please sign in to comment.