update tracks selector markup and style + tracks header style
This commit is contained in:
parent
6d5652e71c
commit
9b2012e5df
3 changed files with 28 additions and 25 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue