fix some styling issues

This commit is contained in:
Timothée Goguely 2025-06-06 11:15:48 +02:00
parent 83247f1a96
commit a6238199e5
2 changed files with 22 additions and 9 deletions

View file

@ -100,17 +100,31 @@
top: 0;
z-index: 1;
}
.dialog__inner .tracks-header .btn::before {
content: '';
display: block;
position: absolute;
top: -.75rem;
left: -3rem;
bottom: -.75rem;
width: 2.5rem;
background: linear-gradient(to right, transparent, var(--dialog-inner-background, #f7f7f7));
}
.dialog__inner .tracks {
display: flex;
gap: var(--space-8);
width: 100%;
margin-left: calc(-1 * var(--space-16));
padding: var(--space-16);
overflow-x: scroll;
position: relative;
}
/* Windows fix */
[data-browser*='Windows'] .dialog__inner .tracks {
transform: translateY(0.46875rem); /* 7.5px */
}
/*[data-browser*='Windows'] .dialog__inner .tracks {
transform: translateY(0.46875rem);
}*/
.dialog__inner .tracks > *:last-child {
margin-right: 1rem;
margin-right: var(--space-8);
}
.dialog [data-pc-section='content'] [role='tablist'] {
height: 3.5rem;