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 {
|
:host {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-columns: auto 1fr auto;
|
grid-auto-columns: auto 1fr auto;
|
||||||
grid-template-areas:
|
grid-template-areas: 'prev track next';
|
||||||
'prev track next'
|
|
||||||
'. progress .';
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
margin-block: var(--inbox-spacing);
|
margin-block: var(--inbox-spacing);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:host:has(.slider-nav) {
|
||||||
|
grid-template-areas:
|
||||||
|
'prev track next'
|
||||||
|
'. progress .';
|
||||||
|
}
|
||||||
|
|
||||||
:host :where(.prev, .next, .indicator-btn) {
|
:host :where(.prev, .next, .indicator-btn) {
|
||||||
--gradient-dir: to bottom right;
|
--gradient-dir: to bottom right;
|
||||||
--gradient-start: var(--clr-box-gradient-start);
|
--gradient-start: var(--clr-box-gradient-start);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue