diff --git a/scripts/text-theme.test.mts b/scripts/text-theme.test.mts index f2379e2..97999bb 100644 --- a/scripts/text-theme.test.mts +++ b/scripts/text-theme.test.mts @@ -41,6 +41,17 @@ describe("text theme track info", () => { }); }); +describe("text theme playback bar", () => { + it("keeps Spotify 1.3 timestamps in flow beside the slash separator", () => { + const css = readFileSync(TEXT_THEME_CSS, "utf8"); + + assert.match( + css, + /\.playback-bar__progress-time-elapsed\s*>\s*span,\s*\.main-playbackBarRemainingTime-container\s*>\s*span\s*\{[^}]*position:\s*static\s*;[^}]*contain:\s*none\s*;/s, + ); + }); +}); + describe("text theme expanded now playing view", () => { it("uses the theme surface instead of Spotify's black cinema gutter", () => { const css = readFileSync(TEXT_THEME_CSS, "utf8"); diff --git a/themes/text/index.css b/themes/text/index.css index 15881f3..8a3c7e3 100644 --- a/themes/text/index.css +++ b/themes/text/index.css @@ -800,6 +800,11 @@ form .main-topBar-searchBar:placeholder-shown { pointer-events: none; width: unset; } +.playback-bar__progress-time-elapsed > span, +.main-playbackBarRemainingTime-container > span { + position: static; + contain: none; +} .playback-bar__progress-time-elapsed::after { content: " /"; }