1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 16:50:00 +02:00

Attempt to fix focus ring being cut off in table of contents (#37965)

* Attempt to fix focus ring being cut off in table of contents

* Update _toc.scss

---------

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
This commit is contained in:
Mark Otto
2023-02-14 08:58:08 -08:00
committed by GitHub
parent d0fece9320
commit 9dd42e1a07
3 changed files with 7 additions and 13 deletions

View File

@@ -1,4 +1,4 @@
// stylelint-disable selector-max-type, selector-no-qualifying-type, selector-max-compound-selectors
// stylelint-disable selector-max-type, selector-no-qualifying-type
.bd-toc {
@include media-breakpoint-up(lg) {
@@ -16,22 +16,16 @@
ul {
padding-left: 0;
margin-bottom: 0;
margin-left: -.75rem;
list-style: none;
ul {
padding-left: 1rem;
margin-left: -1rem;
a {
padding-left: 1.375rem;
}
}
}
a {
display: block;
padding: .125rem 0 .125rem .625rem;
padding: .125rem 0 .125rem .75rem;
color: inherit;
text-decoration: none;
border-left: .125rem solid transparent;
@@ -86,7 +80,7 @@
.bd-toc-collapse {
@include media-breakpoint-down(md) {
nav {
padding: 1.25rem;
padding: 1.25rem 1.25rem 1.25rem 1rem;
background-color: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
@include border-radius(var(--bs-border-radius));