docs: update details summary css for better arrow alignment (#8376)
* align-details-summary-appearance * accessibility-suggestion
This commit is contained in:
parent
43b65b59ce
commit
06f7279977
1 changed files with 10 additions and 2 deletions
|
|
@ -398,11 +398,19 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown details summary {
|
.markdown details summary {
|
||||||
width: 100%;
|
display: flex;
|
||||||
padding: 0.5rem 1rem;
|
align-items: center;
|
||||||
|
gap: 0.5em;
|
||||||
|
list-style: none;
|
||||||
|
outline: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.markdown details summary:focus-visible {
|
||||||
|
outline: 2px solid var(--ifm-color-primary, #a855f7);
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
.markdown details [class^="collapsibleContent"] {
|
.markdown details [class^="collapsibleContent"] {
|
||||||
border-top: none !important;
|
border-top: none !important;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue