mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
touch up outline responsive behavior
This commit is contained in:
@@ -105,10 +105,6 @@ wa-page[view='desktop'] > #sidebar {
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
wa-page[view='desktop'] > #outline {
|
||||
max-width: 240px;
|
||||
}
|
||||
|
||||
#sidebar,
|
||||
#outline {
|
||||
h2 {
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
#outline {
|
||||
order: 2;
|
||||
padding-inline-end: 2rem;
|
||||
margin-block: 2rem;
|
||||
}
|
||||
|
||||
@@ -12,6 +11,9 @@
|
||||
#outline > nav {
|
||||
position: sticky;
|
||||
top: calc(var(--docs-header-height) + 3.5rem);
|
||||
padding-inline-end: 2rem;
|
||||
max-width: 240px;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
#outline-expandable {
|
||||
@@ -28,7 +30,7 @@
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1299px) {
|
||||
@media screen and (max-width: 1199px) {
|
||||
#outline {
|
||||
padding-block: 0.25rem;
|
||||
margin-block-end: -1rem;
|
||||
|
||||
Reference in New Issue
Block a user