update tracks selector markup and style + tracks header style

This commit is contained in:
Timothée Goguely 2025-05-28 16:08:01 +02:00
parent 6d5652e71c
commit 9b2012e5df
3 changed files with 28 additions and 25 deletions

View file

@ -91,11 +91,9 @@
margin-right: var(--dialog-comments-w, 20rem);
}
.dialog__inner .tracks-header {
height: 3.625rem;
background: var(--color-white-50);
height: 3.75rem;
border-radius: var(--rounded-xl);
padding-inline: var(--space-8);
border: var(--border-width) solid var(--color-grey-200);
padding-right: var(--space-8);
flex-wrap: nowrap;
gap: var(--space-8);
position: sticky;
@ -105,15 +103,7 @@
.dialog__inner .tracks {
display: flex;
gap: var(--space-8);
overflow-x: auto;
padding: var(--space-8) 1.5rem var(--space-8) var(--space-8);
margin: calc(-1 * var(--space-8));
-webkit-mask-image: linear-gradient(
to left,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 1) 3rem
);
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 3rem);
width: 100%;
}
/* Windows fix */
[data-browser*='Windows'] .dialog__inner .tracks {