fix: 💄 navigation buttons obstruct text content
This commit is contained in:
parent
19472cda14
commit
d48c9fb1c8
1 changed files with 7 additions and 2 deletions
|
@ -168,7 +168,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
:host :where(.prev, .next) {
|
:host :where(.prev, .next) {
|
||||||
|
--btn-alignment: -0.75em;
|
||||||
grid-row: track;
|
grid-row: track;
|
||||||
|
|
||||||
|
@media (min-width: 35em) {
|
||||||
|
--btn-alignment: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:host :where(.prev, .next):disabled {
|
:host :where(.prev, .next):disabled {
|
||||||
|
@ -184,12 +189,12 @@
|
||||||
|
|
||||||
:host .prev {
|
:host .prev {
|
||||||
grid-column: prev;
|
grid-column: prev;
|
||||||
left: 0.5em;
|
left: var(--btn-alignment);
|
||||||
}
|
}
|
||||||
|
|
||||||
:host .next {
|
:host .next {
|
||||||
grid-column: next;
|
grid-column: next;
|
||||||
right: 0.5em;
|
right: var(--btn-alignment);
|
||||||
}
|
}
|
||||||
|
|
||||||
:host .track {
|
:host .track {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue