Skip to content

Commit 172fa5e

Browse files
committed
Apply focus visible style to index title link parent
1 parent 4fdcf15 commit 172fa5e

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

app/assets/stylesheets/searchworks4/record.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -396,3 +396,17 @@
396396
word-break: break-word;
397397
}
398398
}
399+
400+
/* Show component library focus-visible styles on the parent element when the title link is active */
401+
.index_title:has(a:not(.btn):focus-visible) {
402+
outline: 2px solid white;
403+
box-shadow: 0 0 0 4px var(--stanford-black);
404+
border-radius: 0.375rem;
405+
outline-offset: 1px;
406+
}
407+
408+
/* Hide the component library focus-visible styles on the title link when we show it on the parent element */
409+
.index_title a:not(.btn):focus-visible {
410+
outline: none;
411+
box-shadow: none;
412+
}

0 commit comments

Comments
 (0)