fix(a11y): remove unnecessary link on course heading (#44794)

Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
This commit is contained in:
Bruce B
2022-03-03 05:56:10 -08:00
committed by GitHub
parent 5368195e85
commit cef8e8f739
2 changed files with 7 additions and 36 deletions

View File

@ -169,12 +169,7 @@ export class Block extends Component<BlockProps> {
<ScrollableAnchor id={blockDashedName}>
<div className={`block ${isExpanded ? 'open' : ''}`}>
<div className='block-header'>
<a className='block-link' href={`#${blockDashedName}`}>
<h3 className='big-block-title'>
{blockTitle}
<span className='block-link-icon'>#</span>
</h3>
</a>
<h3 className='big-block-title'>{blockTitle}</h3>
{!isAuditedCert(curriculumLocale, superBlock) && (
<div className='block-cta-wrapper'>
<Link
@ -220,12 +215,7 @@ export class Block extends Component<BlockProps> {
<ScrollableAnchor id={blockDashedName}>
<div className='block'>
<div className='block-header'>
<a className='block-link' href={`#${blockDashedName}`}>
<h3 className='big-block-title'>
{blockTitle}
<span className='block-link-icon'>#</span>
</h3>
</a>
<h3 className='big-block-title'>{blockTitle}</h3>
{!isAuditedCert(curriculumLocale, superBlock) && (
<div className='block-cta-wrapper'>
<Link

View File

@ -19,15 +19,15 @@
flex-direction: row;
}
.block-header .block-link {
.block-header .big-block-title {
flex-grow: 3;
flex-basis: 0;
padding: 25px 15px 10px;
}
.block-link:hover,
.block-link:focus,
.block-link:active {
.big-block-title:hover,
.big-block-title:focus,
.big-block-title:active {
background-color: var(--primary-background);
}
@ -38,19 +38,6 @@ a.cert-tag:active {
background-color: var(--highlight-color);
}
.block-link {
cursor: pointer;
}
.block-link:hover .block-link-icon {
display: inline-block;
}
.block-link-icon {
display: none;
margin-left: 15px;
}
.big-block-title {
font-size: 1.5rem;
overflow-wrap: break-word;
@ -225,6 +212,7 @@ button.map-title {
.block-grid .map-title > svg:last-child {
transform: rotate(180deg);
margin-left: auto;
}
.block-grid.open .map-title > svg:last-child {
@ -363,9 +351,6 @@ button.map-title {
.block-grid .block-header {
flex-direction: column;
}
.block-grid .block-header {
display: flex;
background: transparent;
border: none;
@ -390,10 +375,6 @@ button.map-title {
padding: 0 10px 10px;
}
.block-grid .map-title > svg:last-child {
margin-left: auto;
}
.block-grid .map-title > svg {
margin: 10px;
}