mirror of
https://github.com/kilyabin/psysonic.git
synced 2026-07-21 22:15:40 +00:00
cucadmuh
c9b2d140d9
* fix(ui): shrink-wrap floating player bar instead of full-width strip The bar used fixed left and right insets, which stretched its background across the whole main column. Center it with max-content width so only the pill-shaped controls are painted, and soften the drop shadow. * docs: note PR #969 in changelog and settings credits
20 lines
744 B
TypeScript
20 lines
744 B
TypeScript
import { describe, expect, it } from 'vitest';
|
|
import { computeFloatingPlayerBarStyle } from './computeFloatingPlayerBarStyle';
|
|
|
|
describe('computeFloatingPlayerBarStyle', () => {
|
|
it('centers in the main column and shrink-wraps instead of stretching', () => {
|
|
const style = computeFloatingPlayerBarStyle(220, 1600, 1920);
|
|
expect(style.left).toBe(910);
|
|
expect(style.right).toBe('auto');
|
|
expect(style.transform).toBe('translateX(-50%)');
|
|
expect(style.width).toBe('max-content');
|
|
expect(style.maxWidth).toBe(1332);
|
|
});
|
|
|
|
it('accounts for a hidden queue panel', () => {
|
|
const style = computeFloatingPlayerBarStyle(220, null, 1920);
|
|
expect(style.left).toBe(1070);
|
|
expect(style.maxWidth).toBe(1652);
|
|
});
|
|
});
|