diff --git a/src/assets/css/src/2.blocks.dialog.css b/src/assets/css/src/2.blocks.dialog.css index 09a20d1..9846a83 100644 --- a/src/assets/css/src/2.blocks.dialog.css +++ b/src/assets/css/src/2.blocks.dialog.css @@ -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; diff --git a/src/components/Selector.vue b/src/components/Selector.vue index 25ef1b6..b679058 100644 --- a/src/components/Selector.vue +++ b/src/components/Selector.vue @@ -113,15 +113,14 @@ function getFrontViewUrl(item) {