fix(sidebar): prevent version dropdown clipping in expanded brand

This commit is contained in:
knowsky404
2026-04-14 09:27:02 +08:00
parent b9b52e74c6
commit 58c0f57647
2 changed files with 4 additions and 1 deletions

View File

@@ -807,7 +807,6 @@ onMounted(() => {
.sidebar-brand {
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
white-space: nowrap;
transition:
max-width 0.22s ease,
@@ -818,6 +817,7 @@ onMounted(() => {
.sidebar-brand-collapsed {
max-width: 0;
overflow: hidden;
opacity: 0;
transform: translateX(-4px);
pointer-events: none;

View File

@@ -22,8 +22,11 @@ describe('AppSidebar custom SVG styles', () => {
describe('AppSidebar header styles', () => {
it('does not clip the version badge dropdown', () => {
const sidebarHeaderBlockMatch = styleSource.match(/\.sidebar-header\s*\{[\s\S]*?\n \}/)
const sidebarBrandBlockMatch = componentSource.match(/\.sidebar-brand\s*\{[\s\S]*?\n\}/)
expect(sidebarHeaderBlockMatch).not.toBeNull()
expect(sidebarBrandBlockMatch).not.toBeNull()
expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;')
expect(sidebarBrandBlockMatch?.[0]).not.toContain('overflow: hidden;')
})
})