fix: 💄 only include progress grid row when slider has navigation
This commit is contained in:
parent
5d2ad3b0e5
commit
17b30cc283
1 changed files with 7 additions and 3 deletions
|
@ -113,14 +113,18 @@
|
|||
:host {
|
||||
display: grid;
|
||||
grid-auto-columns: auto 1fr auto;
|
||||
grid-template-areas:
|
||||
'prev track next'
|
||||
'. progress .';
|
||||
grid-template-areas: 'prev track next';
|
||||
align-items: center;
|
||||
gap: 1em;
|
||||
margin-block: var(--inbox-spacing);
|
||||
}
|
||||
|
||||
:host:has(.slider-nav) {
|
||||
grid-template-areas:
|
||||
'prev track next'
|
||||
'. progress .';
|
||||
}
|
||||
|
||||
:host :where(.prev, .next, .indicator-btn) {
|
||||
--gradient-dir: to bottom right;
|
||||
--gradient-start: var(--clr-box-gradient-start);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue